<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link href="https://api.mapbox.com/mapbox-gl-js/v2.13.0/mapbox-gl.css" rel="stylesheet">
    <script src="https://api.mapbox.com/mapbox-gl-js/v2.13.0/mapbox-gl.js"></script>
    <script src="https://api.mapbox.com/mapbox-gl-js/plugins/mapbox-gl-language/v0.10.0/mapbox-gl-language.js"></script>
    <script src="./js/jquery.min.js"></script>
    <script src="./js/vue.js"></script>
    <!-- <script src="./js/echarts.js"></script> -->
    <script src="./js/echarts.min.js"></script>
    <script src="./js/echarts-gl.min.js"></script>
    <!-- <script src="./js/liquidfill.js"></script> -->
    <link rel="stylesheet" href="./index1.css">
    <!-- <script src="./index.js"></script> -->
    <script src="../static/js.cookie.min.js"></script>
    <script src="./js/tf.js"></script>
    <script src="../static/jsencrypt.min.js"></script>
    <!-- 引入样式 -->
    <link rel="stylesheet" href="../static/element-ui/index.css">
    <!-- 引入组件库 -->
    <script src="../static/element-ui/index.js"></script>
    <script src="../static/vue-seamless-scroll.min.js"></script>

    <title>项目云图</title>
    <style>
        * {
            margin: 0;
            padding: 0;
            overflow: hidden;
            color: #333;
            background-repeat: no-repeat !important;
        }

        .el-collapse-item__wrap,
        .el-collapse-item__header {
            background-color: transparent !important;
            color: #333 !important;
            font-size: 20px !important;
        }

        #map {
            /* background: #000e3e; */
            width: 100%;
            height: 100%;
            position: fixed;
            z-index: 1;
            left: 0px;
            top: 0px;
        }

        #app {
            position: relative;
            height: 100vh;

        }

        .headers {
            width: 100%;
            height: 100vh;
            background: url('./img_new_new/new/背景.png') no-repeat;
            position: absolute;
            background-size: 100% 100%;
        }

        .footerTab {
            position: absolute;
            bottom: 35px;
            display: flex;
            width: 100%;
            justify-content: center;
        }

        .footerTab>div {
            cursor: pointer;
            width: 170px;
            height: 48px;
            display: flex;
            flex-direction: column;
            align-items: center;
            z-index: 999;
        }

        .footers .footer {
            width: 100%;
            height: 101px;
            background: url('./img_new_new/底部.png') no-repeat;
            position: absolute;
            bottom: -20px;
        }

        .header {
            width: 100%;
            height: 101px;
            background: url('./img_new_new/顶部111.png') no-repeat;
        }

        .content {
            width: 98%;
            height: 90vh;
            display: flex;
            justify-content: space-between;
            padding: 101px 1% 0 1%;
        }

        .left,
        .right {
            width: 22%;
            height: 100%;
            /* border: 1px solid red;
            box-sizing: border-box; */
        }

        .left {
            display: flex;
            flex-direction: column;
            justify-content: space-between;
        }

        /* .el-dialog,
    .el-button--primary {
      background-size: 100% 100%;
      background-image: linear-gradient(0deg, #2c7afe 0%, #74b6f3 100%);
    } */
        .qpdialogStyle .el-dialog {
            background-size: 100% 100%;
            background: #fff;
        }

        .el-dialog,
        .el-button--primary span {
            color: #fff;
        }

        .el-dialog .el-dialog__body {
            padding: 0;
        }

        .t,
        .c,
        .b {
            width: 100%;
            height: 40%;
            /* background: url('./img/box.png') no-repeat; */
            background-size: 100% 100%;
        }

        .text {
            color: rgb(25, 236, 255);
            white-space: nowrap;
            font-size: 10px;
            line-height: 20px;
        }

        #echart1,
        #echart2 {
            width: 100%;
            height: 90%;
        }

        .r_t {
            width: 100%;
            height: 52%;
            padding: 0 8%;
            background: url('./img/box.png') no-repeat;
            background-size: 100% 100%;
        }

        .r_t table tr {
            height: 40px;
        }

        .r_b {
            width: 100%;
            height: 34%;
            margin-top: 16px;
            background: url('./img_new_new/行业占比框.png') no-repeat;
            background-size: 100% 100%;
        }

        #box {
            display: flex;
            flex-wrap: wrap;
            margin-top: 1%;
            justify-content: space-around;
            align-content: space-around;
        }

        .btn {
            display: flex;
            justify-content: space-evenly;
        }

        .off {
            color: #19ECFF;
            /* width: 36%; */
            text-align: center;
            line-height: 25px;
        }

        .on {
            color: #00FFF4;
            /* border-bottom: 1px solid #00FFF4; */
            /* width: 36%; */
            text-align: center;
            line-height: 25px;
        }

        .off1 {
            color: #A8D6FF;
            /* width: 36%; */
            text-align: center;
            line-height: 25px;
        }

        .on1 {
            color: #01C2FF;
            /* border-bottom: 1px solid #00FFF4; */
            /* width: 36%; */
            text-align: center;
            line-height: 25px;
        }

        .borders {
            border-bottom: 1.5px solid rgb(0, 255, 244);
            width: 38%;
            position: absolute;
            bottom: -2px;
            z-index: 99;
            left: 11%;
        }

        .borders1 {
            background: url('./img/botm.png') no-repeat;
            width: 20%;
            height: 5px;
            position: absolute;
            bottom: -5px;
            z-index: 99;
            left: -5%;
        }

        .btn_box {
            width: 86%;
            display: flex;
            align-items: center;
            position: absolute;
            top: 7%;
            right: 4%;
            font-size: 8px;
        }

        .mapboxgl-ctrl-bottom-left {
            display: none !important;
        }

        .texts {
            color: #6bf4f6;
            margin-top: -20px;
        }

        .l1Font {
            height: 32px;
            line-height: 32px;
            margin-bottom: 13.5%;
            cursor: pointer;
        }

        .mapCheckBox {
            height: 18.5%;
            display: flex;
            align-items: center;
            position: relative;
            background: rgba(0, 0, 0, 0.4);
            backdrop-filter: blur(10px);
            /* Note: backdrop-filter has minimal browser support */
            border-radius: 6px;
            margin: 5px;
            width: 252px;
        }

        .checkBox {
            position: absolute;
            right: 12px;
            top: 9px;
            width: 20px;
            height: 20px;
        }

        .marker1,
        .marker2,
        .marker3,
        .marker4,
        .marker5,
        .marker6 {
            z-index: 99;
            cursor: pointer;
        }

        .makerView {
            background-image: url(./img/pop.png);
            background-size: cover;
            height: 27px;

        }

        .ponintView {
            width: 320px;
            height: 290px;
            position: absolute;
            z-index: 2001;
            top: 0;
            left: 0;
            color: #ffffff;
            padding: 0 5px;
        }

        .ponintViewBody {
            background-color: #195FB0;
            height: 100%;
            padding: 5px;
            font-size: 16px;
        }

        .bottomL {
            width: 24%;
            height: 30%;
            position: absolute;
            z-index: 1200;
            bottom: 8%;
            left: 24%;
            padding: 0 22px;
        }

        .bottomR {
            width: 24%;
            height: 30%;
            position: absolute;
            z-index: 1200;
            bottom: 8%;
            right: 24%;
            padding: 0 22px;
        }

        #echart7 {
            height: 100%;
            height: 90%;
        }

        .mapLoading {
            height: 55% !important;
            width: 50% !important;
            position: absolute;
            z-index: 1200;
            border-radius: 1%;
            left: 25%;
            top: 9%;
        }

        .loader {
            border: 8px solid #f3f3f3;
            border-color: #00ffff #00ccff #0099ff #0066ff;
            border-radius: 50%;
            width: 100px;
            height: 100px;
            animation: load 2s linear infinite;
        }

        @keyframes load {
            0% {
                transform: rotate(0deg);
            }

            100% {
                transform: rotate(360deg);
            }
        }

        .loaderText {
            font-size: 30px;
        }

        .el-progress-bar {
            padding-right: 0px !important;
        }

        .geat1 .el-progress-bar__inner {
            background-color: transparent !important;
            border-radius: 0 !important;
            background: #245896;
        }

        .geat2 .el-progress-bar__inner {
            background-color: transparent !important;
            border-radius: 0 !important;
            background: #245896;
        }

        .geat1 .el-progress-bar__outer {
            border-radius: 0 !important;
            background-color: #D0DEEE !important;
        }

        .geat2 .el-progress-bar__outer {
            border-radius: 0 !important;
            background-color: #D0DEEE !important;
        }

        /* .geat2 .el-progress-bar__inner{
            background: linear-gradient(270deg, #5CE4FF 1.64%, rgba(36, 145, 200, 0.72) 100%);
        } */

        .textarea .el-textarea__inner {
            background-color: transparent !important;
            border: none !important;
            color: #fff !important;
            font-size: 22px !important;
            font-weight: 600 !important;
        }

        .years .el-input__inner {
            color: #333;
            background: unset;
            border: none;
            box-shadow: none;
        }

        @font-face {
            font-family: 'LCDMONOBOLD';
            /* project id 1584443 */
            src: url('./LCDMONOBOLD.TTF');
        }

        .numbers {
            font-family: 'LCDMONOBOLD';
            font-size: 22px;
            color: #333;
            font-weight: 600;
        }

        @font-face {
            font-family: 'regular';
            src: url('./SOURCEHANSANSSC-REGULAR-2.OTF');
        }

        .title_new {
            font-family: 'regular';
        }

        @font-face {
            font-family: 'medium';
            src: url('./SOURCEHANSANSSC-MEDIUM-2.OTF');
        }

        .title_body {
            font-family: 'medium';
        }

        .seamless-warp {
            width: 100%;
            /* margin-left: -33px; */
            max-height: 355px;
        }

        .seamless-warp2 {
            width: 100%;
            /* margin-left: -33px; */
            max-height: 355px;
        }

        .el-select-dropdown {
            z-index: 2026 !important;
        }

        .el-message {
            z-index: 2026 !important;
        }

        .fives .el-table th.el-table__cell {
            background-color: #438DF9 !important;
            color: #fff;
        }

        .fives .el-table th.el-table__cell>.cell {
            color: #fff;
        }

        .fives .el-pagination .btn-next,
        .fives .el-pagination .btn-prev {
            background: transparent !important;
        }

        .fives .el-pager li.btn-quicknext,
        .fives .el-pager li.btn-quickprev {
            color: #fff !important;
        }

        .fives .ibtn i,
        .fives .ibtn span {
            color: #409eff !important;
        }

        .el-table--enable-row-hover .el-table__body tr:hover>td.el-table__cell {
            background-color: transparent !important;
        }

        .diaFives .el-dialog__title {
            color: #333;
        }

        /* 项目分析弹窗相关样式 */
        .project-analysis-dialog .el-dialog {
            margin-top: 6vh !important;
        }

        .project-analysis-dialog-wrapper {
            padding: 15px;
            box-sizing: border-box;
        }

        .project-analysis-dialog-content {
            width: 100%;
            border-radius: 20px;
            box-shadow: 0px 5px 6px rgba(0, 0, 0, 0.25);
        }

        .project-analysis-title {
            background: #438df9;
            color: #ffffff;
            border-radius: 20px;
            text-align: center;
            padding: 10px 0;
        }

        .project-analysis-title .sub-title {
            margin-left: 20px;
            font-size: 0.75em;
            color: #ffffff;
        }

        .project-analysis-dialog-content {
            width: 100%;
        }

        .project-analysis-table {
            padding: 10px 20px;
            box-sizing: border-box;
        }

        .project-analysis-table-pair {
            display: flex;
        }

        .el-table thead.is-group .project-analysis-table-header th.el-table__cell {
            background: #00a8ff;
        }

        .el-table thead.is-group .project-analysis-table-header th.el-table__cell .cell {
            color: #ffffff;
            font-size: 16px;
        }

        .el-table thead.is-group .project-analysis-table-header th.is-leaf {
            border-right: 1px solid #EBEEF5;
        }

        .project-analysis-table .el-table--border td.el-table__cell {
            border-right: none;
            font-size: 15px;
        }

        .project-analysis-table .el-table--border td.el-table__cell .cell {
            color: #1a5292;
        }

        .project-analysis-table .el-table--striped .el-table__body tr.el-table__row--striped td.el-table__cell {
            background: #d5e6ff;
        }

        .project-analysis-table .el-table--border,
        .el-table--group {
            border: none;
        }

        .project-analysis-table .el-table::before,
        .project-analysis-table .el-table--border::after {
            display: none;
        }

        .project-analysis-table .el-table--enable-row-hover .el-table__body tr:hover>td.el-table__cell {
            background-color: #f5f7fa !important;
        }

        .project-analysis-table .el-table--enable-row-hover .el-table__body tr:hover>td.el-table__cell .cell {
            color: #00a8ff;
        }
    </style>
</head>

<body>
    <div id="map">

    </div>

    <div id="app">
        <div class="years"
            style="position: absolute;top: 48px;left: 17%;z-index: 1000;color: #333;display: flex;align-items: center;width: 108px;">
            <!-- <b style="margin-right: 8px;color: #333;font-weight: 500;">年度</b> -->
            <el-date-picker v-model="years" type="year" value-format="yyyy" @change="changeYear" placeholder="选择年">
            </el-date-picker>
        </div>
        <div class="app_content">
            <div class="mapLoading" style="width: 100vw;height:100vh;display: block;background: rgba(0, 0, 0, 0.8);">
                <div
                    style="display: flex; flex-direction: column;align-items: center;justify-content: center;width: 100%;height: 100%;position: relative;">
                    <div class="loader">
                    </div>
                    <div class="loaderText">
                        正在加载中，请稍后...
                    </div>
                </div>

            </div>
            <div style="position: absolute;
    right: 50px;
    color: white;
    font-size: 20px;
    font-weight: 900;
    top: 20px;
    z-index: 99;
    line-height: 54px;
    text-align: center;
    cursor: pointer;" @click="setColors()">
                <img src="./img_new_new/主题.png" alt="" srcset="">
            </div>
            <div style="position: absolute;
    right: 50px;
    color: white;
    width: 134px;
    font-size: 20px;
    font-weight: 900;
    top: 40px;
    z-index: 98;
    line-height: 54px;
    text-align: center;
    cursor: pointer;transition: all .3s;background: url('./img_new_new/主题下拉.png') no-repeat;background-size: 100% 100%;"
                :style="{height:setColor?'140px':'0px',overflow:setColor?'unset':'hidden'}">
                <div style="    margin-top: 22px;
      font-size: 14px;">
                    <div @click="goLinkColor(1)" @mouseover="activeLink=1" @mouseout="activeLink=0"
                        style="display: flex;align-items: center;justify-content: center;"><img
                            style="margin-right: 5px;"
                            :src="activeLink == 1?'./img_new_new/checked.png':'./img_new_new/unchecked.png'" alt="">黑色
                    </div>
                    <div @click="goLinkColor(2)" @mouseover="activeLink=2" @mouseout="activeLink=0"
                        style="display: flex;align-items: center;justify-content: center;"><img
                            style="margin-right: 5px;"
                            :src="activeLink == 2?'./img_new_new/checked.png':'./img_new_new/unchecked.png'" alt="">蓝色
                    </div>
                </div>
            </div>
            <div
                style="position: absolute;left: 5%;color: #438cf9;font-size: 20px;font-weight: 900;top: 40px;z-index: 99;line-height: 54px;text-align: center;cursor: pointer;">
                <!-- <img src="./img_new_new/jianbao.png" alt="" @click="openUrl('/static/docs/jianbao.pdf')"> -->
                <img src="./img_new_new/jianbao.png" alt="" @click="openJbList()">
            </div>
            <!-- @click="dialogVisible = true" -->
            <!-- <div style="position: absolute;left: 406px;color: white;font-size: 20px;font-weight: 900;top: 40px;z-index: 99;line-height: 54px;text-align: center;cursor: pointer;" @click="showProgress">项目进度</div> -->
            <!-- <el-button type="text" @click="dialogVisible = true" style="position: absolute;left: 32px;color: white;font-size: 16px;font-weight: 900;top: -4px;z-index: 99999999;">简报</el-button>
        <el-button type="text" @click="showProgress" style="position: absolute;left: 78px;color: white;font-size: 16px;font-weight: 900;top: -4px;z-index: 99999999;">项目进度</el-button> -->
            <div v-if="showProS" @click="showProS = false"
                style="width: 100%;height:100%;position:fixed;top:0;left:0;background:rgba(0, 0, 0, 0.4);backdrop-filter: blur(16px);z-index: 2000;">
            </div>
            <div v-if="showProS"
                style="width: 1300px;height:800px;padding: 50px;background:url('./img_new_new/progress/底框.png') no-repeat;background-size: 100% 100%;position: fixed;z-index: 2001;top: 10%;left: 50%;margin-left: -700px;backdrop-filter: blur(16px);">
                <!-- <div style="position: absolute;top: -2px;right: 8px;width: 50px;height: 50px;background: url('./img/closeBtn.png') no-repeat;cursor: pointer;" @click="showProS = false"></div> -->
                <div
                    style="position: absolute;display: flex;width: 1200px;top: 10px;left: 50%;margin-left: -600px;justify-content: space-around;padding-top: 10px;">
                    <div style="color: #245896;font-size: 25px;font-weight: 600;cursor: pointer;width: 19%;height: 41px;text-align: center;line-height: 40px;"
                        :style="{background:`url(${actPro==1?'./img_new_new/progress/一级左标题选中.png':'./img_new_new/progress/一级左标题未选中.png'}) 0% 0% / 100% 100% no-repeat`}"
                        @click="getProList(1)">聊城市</div>
                    <div style="color: #245896;font-size: 25px;font-weight: 600;cursor: pointer;width: 19%;height: 41px;text-align: center;line-height: 40px;"
                        :style="{background:`url(${actPro==2?'./img_new_new/progress/一级左标题选中.png':'./img_new_new/progress/一级左标题未选中.png'}) 0% 0% / 100% 100% no-repeat`}"
                        @click="getProList(2)">省级</div>
                    <div style="color: #245896;font-size: 25px;font-weight: 600;cursor: pointer;width: 19%;height: 41px;text-align: center;line-height: 40px;"
                        :style="{background:`url(${actPro==10?'./img_new_new/progress/一级左标题选中.png':'./img_new_new/progress/一级左标题未选中.png'}) 0% 0% / 100% 100% no-repeat`}"
                        @click="getProList(10)">国债项目</div>
                    <div style="color: #245896;font-size: 25px;font-weight: 600;cursor: pointer;width: 19%;height: 41px;text-align: center;line-height: 40px;"
                        :style="{background:`url(${actPro==11?'./img_new_new/progress/一级左标题选中.png':'./img_new_new/progress/一级左标题未选中.png'}) 0% 0% / 100% 100% no-repeat`}"
                        @click="getProList(11)">政策性资金项目</div>
                    <div style="color: #245896;font-size: 25px;font-weight: 600;cursor: pointer;width: 19%;height: 41px;text-align: center;line-height: 40px;"
                        :style="{background:`url(${actPro==12?'./img_new_new/progress/一级左标题选中.png':'./img_new_new/progress/一级左标题未选中.png'}) 0% 0% / 100% 100% no-repeat`}"
                        @click="getProList(12)">招商重点项目</div>
                </div>
                <!-- <div style="position: absolute;top: -4px;left: 59%;font-size: 25px;font-weight: 600;cursor: pointer;width: 260px;height: 37px;text-align: center;line-height: 40px;" :style="{background:`url(${actPro==3?'./img/rightbtn1.png':'./img/rightbtn2.png'}) 0% 0% / 100% 100% no-repeat`}" @click="getProList(3)">临清市</div> -->
                <div v-loading="loadingPro"
                    style="width: 100%;height:100%;overflow:hidden;overflow-y:auto;color:#b5cfd8;margin-top: 20px;">
                    <div style="margin-top: 20px;margin-left: 30px;">
                        <el-form style="display: flex" :model="jdform">
                            <el-form-item label="项目名" style="margin-left: 20px;">
                                <el-input v-model="jdform.name" placeholder="请输入项目名"></el-input>
                            </el-form-item>
                            <el-form-item label="项目所在地" style="margin-left: 20px;">
                                <!-- <el-input v-model="jdform.dependcyTownStreet"></el-input> -->
                                <el-select v-model="jdform.dependcyTownStreetCode" placeholder="请选择项目所在地">
                                    <el-option v-for="item in areaList" :key="item.id" :label="item.name"
                                        :value="item.value"></el-option>
                                </el-select>
                            </el-form-item>
                            <el-form-item>
                                <el-button type="primary" @click="searchJd" style="margin-left: 20px;">搜索</el-button>
                                <el-button type="primary" @click="resetJd" style="margin-left: 20px;">重置</el-button>
                            </el-form-item>
                        </el-form>
                    </div>
                    <div
                        style="width: 90%;display: flex;justify-content: space-around;margin: 8px auto;border-bottom: 1px solid #fff;padding: 25px 0;margin-top: -20px;">
                        <div style="width: 40%;text-align:center;color: #2B5F9A;font-size: 24px;" class="title_body">
                            项目名称</div>
                        <div style="width: 60%;text-align:center;color: #2B5F9A;font-size: 24px;" class="title_body">
                            事项审批进度</div>
                    </div>
                    <div v-if="!loadingPro"
                        style="width: 90%;display: flex;justify-content: space-around;margin: 8px auto;align-items: center;border-bottom: 1px solid #fff;padding: 25px 0;"
                        v-for="(item, index) in progressList" :key="index">
                        <div class="title_body" style="    width: 40%;
                    display: flex;
                    min-height: 88px;
                    justify-content: center;
                    align-items: center;
                    padding: 5px 35px;
                    text-align: center;
                    color:#245896;
                    background: url(./img_new_new/progress/项目名称底框.png) no-repeat center;
                    background-size: 100%;">{{item.name}}</div>
                        <div style="width: 60%;    display: flex;flex-direction: column;align-items: center;">
                            <div style="width: 80%;display: flex;justify-content: space-between;"><span
                                    style="color:#245896;">已用工作日：{{item.accomplishEstimate}}个<span
                                        style="color:#245896;margin-left: 12px;">法定工作日：{{item.accomplishUsed}}个</span></span><span><span
                                        style="color: #07ccf4;">{{item.accomplishEstimate}}</span><span
                                        style="color:#245896;">{{'/'+item.accomplishUsed}}</span></span></div>
                            <el-progress style="width: 80%;"
                                :percentage="item.accomplishUsed==0?0:(item.accomplishEstimate/item.accomplishUsed)*100"
                                :format="format1" stroke-linecap="square" class="geat1" color="#245896"></el-progress>
                            <div style="width: 80%;display: flex;justify-content: space-between;"><span
                                    style="color:#245896;">已办理事项：{{item.accomplish}}个<span
                                        style="color:#245896;margin-left: 12px;">需办理事项总计：{{item.total}}个</span></span><span><span
                                        style="color:#07ccf4;">{{item.accomplish}}</span><span
                                        style="color:#245896;">{{'/'+item.total}}</span></span></div>
                            <el-progress style="width: 80%;"
                                :percentage="item.total==0?0:(item.accomplish/item.total)*100" :format="format2"
                                class="geat2" stroke-linecap="square" color="#245896"></el-progress>
                        </div>
                    </div>
                </div>
            </div>
            <el-dialog :visible.sync="dialogVisible" width="62%" append-to-body>
                <span style="color:white;">
                    <!-- <div style="width: 100%;margin:20px auto;" v-if="objNotice">
                    <div style="font-size: 26px;text-align: center;">{{objNotice.title}}</div>
                    <div style="display: flex;justify-content: center;"><img src="./bt.png" alt=""></div>
                    <div style="width: 94%;max-height: 50vh;overflow-y: auto;padding: 10px;margin-top: 10px;">
                        <el-input class="textarea" type="textarea" v-model="objNotice.content" autosize></el-input>
                    </div>
                    <div style="display: flex;justify-content: flex-end;width: 94%;"><el-button type="primary" @click="closeDia" style="display: block;margin-top:25px;float:right;">确 定</el-button></div>
                </div> -->
                    <div style="text-align: center;padding: 5%;">暂无数据</div>
                </span>
            </el-dialog>
            <div id="shadow" class="ponintView" v-if="showbox">
                <div class="makerView">
                    <p style="padding: 0 5px;
                font-size: 18px;
                font-weight: 900;
                line-height: 27px;
                letter-spacing: 10px;color: #fff;">项目信息</p>
                </div>
                <div class="ponintViewBody">
                    <p style="color: #fff;">项目名称：{{shadowObj.name}} </p>
                    <p style="color: #fff;">项目代码：{{shadowObj.projectCode}} </p>
                    <div>
                        <div v-for="item in projectLevelList" :key="item.dictValue">
                            <p style="color: #fff;" v-if="shadowObj.projectLevel==item.dictValue">
                                项目级别：{{item.dictLabel}}</p>
                        </div>
                    </div>
                    <div>
                        <div v-for="item in projectStatusList" :key="item.dictValue">
                            <p style="color: #fff;" v-if="shadowObj.status==item.dictValue">项目状态：{{item.dictLabel}}</p>
                        </div>
                    </div>
                    <div>
                        <div v-for="item in sysYesNoList" :key="item.dictValue">
                            <p style="color: #fff;" v-if="shadowObj.isBegin==item.dictValue">是否开工：{{item.dictLabel}}</p>
                        </div>
                    </div>
                    <p style="color: #fff;">总投资：{{shadowObj.investment}}亿元 </p>
                    <p style="color: #fff;">年度计划投资：{{shadowObj.yearPlanInvestment}}亿元</p>
                    <p style="color: #fff;">所属镇街：{{shadowObj.dependcyTownStreet}}</p>
                    <p style="color: #fff;">建设主体：{{shadowObj.buildUnit}}</p>
                </div>
            </div>

            <div class="cityBack" @click="clearInner2" v-if="counter==2">
                返回上层
            </div>
            <div class="headers">
                <div class="header"></div>
            </div>
            <div class="footers">
                <!-- <div class="footer"></div> -->
            </div>
            <div class="footerTab" style="    justify-content: space-around;">
                <div style="" @click="goLink('/project/project/formal')">
                    <div style="width: 100%;height: 100%;"><img style="width: 100%;height: 100%;"
                            src="./img_new_new/new/项目库.png" alt=""></div>
                    <!-- <div>项目库</div> -->
                </div>
                <!-- <div style="z-index: 998;" @click="goLink('/project/procedures/comments')">
        <div style="width: 100%;height: 100%;"><img style="width: 100%;height: 100%;" src="./img_new_new/new/手续办理.png" alt=""></div>
      </div> -->
                <div style="z-index: 997;" @click="showProgress">
                    <div style="width: 100%;height: 100%;"><img style="width: 100%;height: 100%;"
                            src="./img_new_new/new/项目进度.png" alt=""></div>
                    <!-- <div>项目进度</div> -->
                </div>
                <div style="z-index: 995;" @click="btnQp">
                    <div style="width: 100%;height: 100%;"><img style="width: 100%;height: 100%;"
                            src="./img_new_new/new/项目分析.png" alt=""></div>
                    <!-- <div>领导签批</div> -->
                </div>
                <!-- <div style="z-index: 996;" @click="goLink('/project/manage/great')">
        <div style="width: 100%;height: 100%;"><img style="width: 100%;height: 100%;" src="./img_new_new/new/一项一档.png" alt=""></div>
      </div> -->
                <div style="z-index: 995;" @click="btnQp">
                    <div style="width: 100%;height: 100%;"><img style="width: 100%;height: 100%;"
                            src="./img_new_new/new/领导签批.png" alt=""></div>
                    <!-- <div>领导签批</div> -->
                </div>
                <div style="z-index: 994;" @click="goLink('https://zckx.liaocheng.gov.cn/')">
                    <div style="width: 100%;height: 100%;"><img style="width: 100%;height: 100%;"
                            src="./img_new_new/new/政策快享.png" alt=""></div>
                </div>
                <div style="z-index: 993;" @click="goLink('http://59.206.51.116:8228/csg/szliaocheng2/overview.html')">
                    <div style="width: 100%;height: 100%;"><img style="width: 100%;height: 100%;"
                            src="./img_new_new/new/企业诉求.png" alt=""></div>
                </div>
                <div style="z-index: 992;">
                    <div style="width: 100%;height: 100%;" @click="openProblem()"><img style="width: 100%;height: 100%;"
                            src="./img_new_new/new/问题上报.png" alt=""></div>
                </div>
            </div>
            <div v-show="show"
                style="width: 100%;height:100%;position: fixed;top: 0;left: 0;z-index: 1;background: rgba(0, 0, 0, 0.55);">
            </div>
            <div v-show="show"
                style="border-radius: 0px 0px 14px 14px;height: 70vh;position: fixed;width: 1000px; top: 20%;left: 55.4%  ;margin-left: -600px;z-index: 100;">
            </div>

            <el-drawer :visible.sync="showTable" direction="rtl" append-to-body :wrapper_closable="false">
                <div style="width: 100%;height: 100%;overflow: auto;" v-loading="loading" element-loading-text="拼命加载中"
                    element-loading-spinner="el-icon-loading" element-loading-background="rgba(0, 0, 0, 0.8)">
                    <div @click="showTable =false"
                        style="background: url('./img/btn1.png') no-repeat;background-size: 100% 100%;width: 35px;height: 220px;position: absolute;left: -35px;top: 38%;cursor: pointer;">
                    </div>
                    <div style="margin-top: 15px;">
                        <el-form style="display: flex" :model="itemListForm">
                            <el-form-item label="项目名" style="margin-left: 20px;">
                                <el-input v-model="itemListForm.name" placeholder="请输入项目名"
                                    style="width: 120px;"></el-input>
                            </el-form-item>
                            <el-form-item label="项目所在地" style="margin-left: 20px;">
                                <!-- <el-input v-model="itemListForm.dependcyTownStreet"></el-input> -->
                                <el-select v-model="itemListForm.dependcyTownStreetCode" placeholder="请选择项目所在地">
                                    <el-option v-for="item in areaList" :key="item.id" :label="item.name"
                                        :value="item.code"></el-option>
                                </el-select>
                            </el-form-item>
                            <el-form-item label="项目代码" style="margin-left: 20px;">
                                <el-input v-model="itemListForm.projectCode" placeholder="请输入项目代码"></el-input>
                            </el-form-item>
                            <el-form-item>
                                <el-button type="primary" @click="search()" style="margin-left: 20px;">搜索</el-button>
                            </el-form-item>
                            <el-form-item>
                                <el-button type="primary" @click="reset" style="margin-left: 20px;">重置</el-button>
                            </el-form-item>
                        </el-form>
                    </div>
                    <div style="padding-left: 30px;" class="table_draw">
                        <table style="width: 100%;max-height: 80vh;border-collapse: collapse;">
                            <thead style="background: #438DF9;background-size: 100% 100%;">
                                <tr>
                                    <td width="270px" style="color: #fff;">项目名称</td>
                                    <td style="color: #fff;">项目级别</td>
                                    <td style="color: #fff;">投资金额</td>
                                    <td style="color: #fff;">项目状态</td>
                                </tr>
                            </thead>
                            <tbody>
                                <tr v-for="item in tableData" @click="toDetails(item.id)">
                                    <td>
                                        <div style="overflow: hidden;text-overflow: ellipsis;white-space: nowrap;width: 270px;cursor: pointer;color: #32649D;"
                                            :title="item.name">{{item.name}}</div>
                                    </td>
                                    <td style="color: #32649D;">{{item.projectLevel == 1?'省重大':
                                        item.projectLevel == 2?'省优选':
                                        item.projectLevel == 3?'省补短板':
                                        item.projectLevel == 4?'县级':
                                        item.projectLevel == 5?'市重点':
                                        item.projectLevel == 6?'省双招':
                                        item.projectLevel == 9?'省高质量':
                                        item.projectLevel == 10?'国债':
                                        item.projectLevel == 11?'政策性资金':
                                        item.projectLevel == 12?'招商项目':''}}
                                    </td>
                                    <td style="color: #32649D;">{{Number(item.investment) +'亿元'}}</td>
                                    <td style="color: #32649D;">{{item.status == 1?'办理中':
                                        item.status == 2?'搁置':
                                        item.status == 3?'谋划中':
                                        item.status == 4?'已办结':''}}</td>
                                </tr>
                            </tbody>
                        </table>
                    </div>
                </div>
            </el-drawer>
            <el-drawer :visible.sync="showAll" direction="rtl" append-to-body :wrapper_closable="false">
                <div style="width: 100%;height: 100%;overflow: auto;" v-loading="loading" element-loading-text="拼命加载中"
                    element-loading-spinner="el-icon-loading" element-loading-background="rgba(0, 0, 0, 0.8)">
                    <div @click="showAll =false"
                        style="background: url('./img/btn1.png') no-repeat;background-size: 100% 100%;width: 35px;height: 220px;position: absolute;left: -35px;top: 38%;cursor: pointer;">
                    </div>
                    <div style="margin-top: 15px;">
                        <el-form style="display: flex" :model="itemListForm">
                            <el-form-item label="项目名" style="margin-left: 20px;">
                                <el-input v-model="itemListForm.name" placeholder="请输入项目名"
                                    style="width: 120px;"></el-input>
                            </el-form-item>
                            <el-form-item>
                                <el-button type="primary" @click="searchAll()" style="margin-left: 20px;">搜索</el-button>
                            </el-form-item>
                            <el-form-item>
                                <el-button type="primary" @click="resetAll()" style="margin-left: 20px;">重置</el-button>
                            </el-form-item>
                        </el-form>
                    </div>
                    <div style="padding-left: 30px;" class="table_draw">
                        <table style="width: 100%;max-height: 80vh;border-collapse: collapse;">
                            <thead style="background: #438DF9;background-size: 100% 100%;">
                                <tr>
                                    <td style="color: #245896;" width="270px">项目名称</td>
                                    <td style="color: #245896;">项目级别</td>
                                    <td style="color: #245896;">投资金额</td>
                                    <td style="color: #245896;">项目状态</td>
                                </tr>
                            </thead>
                            <tbody>
                                <tr v-for="item in tableData" @click="toDetails(item.id)">
                                    <td>
                                        <div style="overflow: hidden;text-overflow: ellipsis;white-space: nowrap;width: 270px;cursor: pointer;"
                                            :title="item.name">{{item.name}}</div>
                                    </td>
                                    <td>{{item.projectLevel == 1?'省重大':
                                        item.projectLevel == 2?'省优选':
                                        item.projectLevel == 3?'省补短板':
                                        item.projectLevel == 4?'临清市':
                                        item.projectLevel == 5?'聊城市':
                                        item.projectLevel == 6?'省双招':
                                        item.projectLevel == 9?'高质量发展':
                                        item.projectLevel == 10?'国债':
                                        item.projectLevel == 11?'政策性资金':
                                        item.projectLevel == 12?'招商项目':''}}
                                    </td>
                                    <td>{{Number(item.investment) +'亿元'}}</td>
                                    <td>{{item.status == 1?'办理中':
                                        item.status == 2?'搁置':
                                        item.status == 3?'谋划中':
                                        item.status == 4?'已办结':''}}</td>
                                </tr>
                            </tbody>
                        </table>
                    </div>
                </div>
            </el-drawer>
            <div class="content">
                <div class="left" style="position: relative;z-index:3">
                    <div @click="showPro = false" v-if="showPro"
                        style="color: #00e7ff;position: absolute;top: 290px;right: 7px;cursor: pointer;z-index: 999;">
                        返回上级
                    </div>
                    <div class="" style="height: 100%;">
                        <div
                            style="width: 100%;height: 23%;background: url('./img_new_new/政策外框.png') no-repeat;background-size: 100% 100%;">
                            <div style="    width: 100%;
              height: 60%;
              margin: 15% 2% 0px;
              overflow-y: auto;">
                                <div v-for="item in zhengceList" style="width: 83%;
                  height: 40px;
                  line-height: 40px;
                  background: #DBEFFD;
                  padding: 0 12px;
                  margin: 5px 0px;
                  margin-left: 5%;
                  display: flex;
                  justify-content: space-between;
                  cursor: pointer;" @click="openZcList">
                                    <div style="width: 74%;color:#30629D;">{{item.name}}</div>
                                    <div style="width: 22%;color: rgb(36 183 255);cursor: pointer;" @click="goZC(item)">
                                        点击查看</div>
                                </div>
                            </div>
                        </div>
                        <div style="display: flex;margin-left: 14px;justify-content: space-between;width: 92%;">
                            <div style="width:45%;" @click="toNotOpenPage(1)"><img width="100%"
                                    src="./img_new_new/sjwkg.png" alt=""></div>
                            <div style="width:45%;" @click="toNotOpenPage(2)"><img width="100%"
                                    src="./img_new_new/sjwkg2.png" alt=""></div>
                        </div>
                        <div
                            style="width: 100%;height:  26%;margin-top: 0%; background: url('./img_new_new/项目概览框.png') no-repeat;background-size: 100% 100%;position: relative;">
                            <div class="qjss">
                                <div class="qjssssk">
                                    <el-input v-model="itemListForm.name" placeholder="请输入项目名">
                                    </el-input>
                                </div>
                                <div class="qjssbtn" @click="qjsearch" style="height: 30px;line-height:30px;">
                                    <i class="el-icon-search" style="color:#87B6FB"></i>
                                </div>
                            </div>
                            <!-- <img src="./img/l1.png" alt=""> -->
                            <div v-show="!showPro" style="width: 100%;height: 70%;    margin-top: 12%;display: flex;">
                                <div style="width:40%; height: 100%;display: flex;">
                                    <div
                                        style="height: 100%;width: 100%;background: url('./img_new_new/项目概览总数.png')no-repeat center center;text-align: center;position: relative;">
                                        <div class="numbers"
                                            style="position: absolute;width: 100%;bottom: 55%;color: #4D91F9;"
                                            v-if="shengji&&shengji.length>0">{{year==2023?shengji[0].cou +
                                            shengji[7].cou:shengji[0].cou + shengji[7].cou + shengji[10].cou+
                                            shengji[11].cou }}个</div>
                                        <div class="title_new"
                                            style="position: absolute;font-size: 20px;text-align: center;width: 100%;bottom: 40%;color: #125397;">
                                            总数</div>
                                    </div>
                                </div>
                                <div
                                    style="width:60%; height: 100%;display:flex;flex-direction: column;flex-wrap: wrap;">
                                    <div
                                        style="height: 50%;width: 50%;position: relative;font-size: 16px;text-align: center;">
                                        <div @click="sjList1(areaCode)" style="    position: absolute;
                                  width: 100%;
                                  height: 100%;
                                  display: flex;
                                  justify-content: center;
                                  align-items: center;
                                  flex-direction: column;">
                                            <div class="numbers" v-if="shengji&&shengji.length>0">{{shengji[0].cou}}
                                            </div>
                                            <div class="title_new" style="font-size: 14px;">个</div>
                                        </div>
                                        <div id="echart6" style="width: 100%;height: 100%;display: none;"></div>
                                        <div style="width: 100%;height: 100%;" @click="sjList1(areaCode)"><img
                                                height="100%" src="./img_new_new/blue_ball.png" alt=""></div>
                                        <div v-if="years==2024" @click="showChangePro(1)" style="
                                      position: absolute;
                                      top: 80%;
                                      right: 35px;color: #2f609a;">省重大</div>
                                        <div v-else @click="showChangePro" style="
                                      position: absolute;
                                      top: 80%;
                                      right: 35px;color: #2f609a;">省级</div>
                                    </div>
                                    <div style="height: 50%;width: 50%;position: relative;text-align: center;">
                                        <div @click="lcList(areaCode)" style="position: absolute;
                                      width: 100%;
                                      height: 100%;
                                      display: flex;
                                      justify-content: center;
                                      align-items: center;
                                      flex-direction: column;">
                                            <div class="numbers" v-if="shengji&&shengji.length>0">{{years==2024?
                                                shengji[10].cou : shengji[7].cou}}</div>
                                            <div class="title_new" style="font-size: 14px;">个</div>
                                        </div>
                                        <div id="echarts5" style="width: 100%;height: 100%;display: none;"></div>
                                        <div style="width: 100%;height: 100%;" @click="lcList(areaCode)"><img
                                                height="100%" src="./img_new_new/blue_ball.png" alt=""></div>
                                        <div style="position: absolute;
                                      top: 80%;
                                      right: 35px;color: #2f609a;">{{years == 2024?'高质量':'聊城市'}}</div>
                                    </div>
                                    <div v-if="years==2024"
                                        style="height: 50%;width: 50%;position: relative;text-align: center;">
                                        <div @click="lcList2(areaCode)"
                                            style="position: absolute;width: 100%;height: 100%;display: flex;justify-content: center;align-items: center;flex-direction: column;">
                                            <div class="numbers" v-if="shengji&&shengji.length>0">{{shengji[7].cou}}
                                            </div>
                                            <div class="title_new" style="font-size: 14px;">个</div>
                                        </div>
                                        <div id="echarts7" style="width: 100%;height: 100%;display: none;"></div>
                                        <div style="width: 100%;height: 100%;" @click="lcList2(areaCode)"><img
                                                height="100%" src="./img_new_new/green_ball.png" alt=""></div>
                                        <div @click="showChangePro(2)" style="
                                      position: absolute;
                                      top: 80%;
                                      right: 44px;color: #2f609a;">市级</div>
                                    </div>
                                    <!-- <div v-if="years==2024"  style="height: 50%;width: 50%;position: relative;text-align: center;">
                    <div @click="lcList3(areaCode)" style="position: absolute; width: 100%;height: 100%;display: flex;justify-content: center;align-items: center;flex-direction: column;">
                      <div class="numbers"  v-if="shengji&&shengji.length>0">{{shengji[11].cou}}</div>
                      <div class="title_new" style="font-size: 14px;">个</div>
                    </div>
                    <div id="echarts8" style="width: 100%;height: 100%;display: none;"></div>
                    <div style="width: 100%;height: 100%;"  @click="lcList3(areaCode)"><img height="100%" src="./img_new_new/green_ball.png" alt=""></div>
                    <div v-if="areaCode.length == 4" style="position: absolute;
                                      top: 80%;
                                      right: 12px;color: #2f609a;">重大民生项目</div>
                    <div v-else style="
                        position: absolute;
                        top: 80%;
                        right: 44px;color: #2f609a;">县级</div>
                  </div> -->
                                </div>
                            </div>
                            <div v-show="showPro" style="width: 100%;height: 76%;    margin-top: 12%;display: flex;">
                                <div v-if="years==2024"
                                    style="width:40%; height: 100%;display:flex;flex-direction: column;    overflow: unset;">
                                    <div
                                        style="height: 50%;width: 100%;position: relative;    overflow: unset;text-align: center;">
                                        <div style="    position: absolute;
                                  width: 100%;
                                  height: 100%;
                                  display: flex;
                                  justify-content: center;
                                  align-items: center;
                                  flex-direction: column;">
                                            <div class="numbers" v-if="sslObj&&sslObj.length>0">{{sslObj[0].cou}}</div>
                                            <div class="title_new" style="font-size: 14px;">个</div>
                                        </div>
                                        <div id="echartsheng5" style="width: 100%;height: 100%;display: none;"></div>
                                        <div style="width: 100%;height: 100%;"><img height="100%"
                                                src="./img_new_new/blue_ball.png" alt=""></div>
                                        <div style="position: absolute;
                                      top: 40%;
                                      right: -46px;color: #2f609a;">实施类</div>
                                    </div>
                                    <div
                                        style="height: 50%;width: 100%;position: relative;    overflow: unset;text-align: center;">
                                        <div style="    position: absolute;
                                      width: 100%;
                                      height: 100%;
                                      display: flex;
                                      justify-content: center;
                                      align-items: center;
                                      flex-direction: column;">
                                            <div class="numbers" v-if="sslObj&&sslObj.length>0">{{sslObj[1].cou}}</div>
                                            <div class="title_new" style="font-size: 14px;">个</div>
                                        </div>
                                        <div id="echartsheng6" style="width: 100%;height: 100%;display: none;"></div>
                                        <div style="width: 100%;height: 100%;"><img height="100%"
                                                src="./img_new_new/blue_ball.png" alt=""></div>
                                        <div style="position: absolute;
                                      top: 40%;
                                      right: -46px;color: #2f609a;">准备类</div>
                                    </div>
                                </div>
                                <div v-if="years==2023"
                                    style="width:40%; height: 100%;display:flex;flex-direction: column;    overflow: unset;">
                                    <div
                                        style="height: 50%;width: 100%;position: relative;    overflow: unset;text-align: center;">
                                        <div @click="showList(1)" style="    position: absolute;
                                  width: 100%;
                                  height: 100%;
                                  display: flex;
                                  justify-content: center;
                                  align-items: center;
                                  flex-direction: column;">
                                            <div class="numbers" v-if="shengji&&shengji.length>0">{{shengji[1].cou}}
                                            </div>
                                            <div class="title_new" style="font-size: 14px;">个</div>
                                        </div>
                                        <div id="echartsheng1" style="width: 100%;height: 100%;display: none;"></div>
                                        <div style="width: 100%;height: 100%;" @click="showList(1)"><img height="100%"
                                                src="./img_new_new/blue_ball.png" alt=""></div>
                                        <div style="position: absolute;
                                      top: 40%;
                                      right: -46px;color: #2f609a;">省重大</div>
                                    </div>
                                    <div
                                        style="height: 50%;width: 100%;position: relative;    overflow: unset;text-align: center;">
                                        <div @click="showList(2)" style="    position: absolute;
                                      width: 100%;
                                      height: 100%;
                                      display: flex;
                                      justify-content: center;
                                      align-items: center;
                                      flex-direction: column;">
                                            <div class="numbers" v-if="shengji&&shengji.length>0">{{shengji[4].cou}}
                                            </div>
                                            <div class="title_new" style="font-size: 14px;">个</div>
                                        </div>
                                        <div id="echartsheng2" style="width: 100%;height: 100%;display: none;"></div>
                                        <div style="width: 100%;height: 100%;" @click="showList(2)"><img height="100%"
                                                src="./img_new_new/blue_ball.png" alt=""></div>
                                        <div style="position: absolute;
                                      top: 40%;
                                      right: -46px;color: #2f609a;">省优选</div>
                                    </div>
                                </div>
                                <div v-if="years==2023"
                                    style="width:40%; height: 100%;display:flex;flex-direction: column;    overflow: unset;margin-left: 20px;">
                                    <div
                                        style="height: 50%;width: 100%;position: relative;    overflow: unset;text-align: center;">
                                        <div @click="showList(3)" style="    position: absolute;
                                  width: 100%;
                                  height: 100%;
                                  display: flex;
                                  justify-content: center;
                                  align-items: center;
                                  flex-direction: column;">
                                            <div class="numbers" v-if="shengji&&shengji.length>0">{{shengji[5].cou}}
                                            </div>
                                            <div class="title_new" style="font-size: 14px;">个</div>
                                        </div>
                                        <div id="echartsheng3" style="width: 100%;height: 100%;display: none;"></div>
                                        <div style="width: 100%;height: 100%;" @click="showList(3)"><img height="100%"
                                                src="./img_new_new/blue_ball.png" alt=""></div>
                                        <div style="position: absolute;
                                      top: 40%;
                                      right: -55px;color: #2f609a;">省补短板</div>
                                    </div>
                                    <div
                                        style="height: 50%;width: 100%;position: relative;    overflow: unset;text-align: center;">
                                        <div @click="showList(4)" style="    position: absolute;
                                      width: 100%;
                                      height: 100%;
                                      display: flex;
                                      justify-content: center;
                                      align-items: center;
                                      flex-direction: column;">
                                            <div class="numbers" v-if="shengji&&shengji.length>0">{{shengji[6].cou}}
                                            </div>
                                            <div class="title_new" style="font-size: 14px;">个</div>
                                        </div>
                                        <div id="echartsheng4" style="width: 100%;height: 100%;display: none;"></div>
                                        <div style="width: 100%;height: 100%;" @click="showList(4)"><img height="100%"
                                                src="./img_new_new/blue_ball.png" alt=""></div>
                                        <div style="position: absolute;
                                      top: 40%;
                                      right: -55px;color: #2f609a;">省双招</div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div
                            style="width: 100%;height: 25%;margin-top: -1%;background: url('./img_new_new/政策性资金框.png') no-repeat;background-size: 100% 90%;">
                            <div style="color: #333;position: absolute;top: 20px;right: 30px;cursor: pointer;">
                                <!-- <span @click="zhongdian(areaCode)"
                      :style="{'color':(changeColor1==0?'#2aebff':'#fff'),'font-size':'14px'}">
                    省级项目
                </span>
              <span @click="jibieData(areaCode)"
                    :style="{'color':(changeColor1==1?'#2aebff':'#fff'),'font-size':'14px'}">
                            项目级别
                        </span> -->
                                <!-- <spn :style="{color:'#2aebff'}">&nbsp;&nbsp;|&nbsp;&nbsp;</span>
              <an :style="{color:'#2aebff'}" v-if="!isDrill">&nbsp;&nbsp;|&nbsp;&nbsp;</span>
                        <span @click="jiedaoData" :style="{'color':(changeColor1==2?'#2aebff':'#fff'),'font-size':'14px'}"
                            v-if="!isDrill">
                            街道
                </span> -->
                            </div>
                            <!-- <img src="./img/l2.png" alt=""> -->
                            <!-- <div id="echart1" style="height: 80%;margin-top: 56px;" @mouseenter="mouseenter1" @mouseleave="mouseleave1"></div> -->
                            <div style="width: 100%;height: 60%;    margin-top: 12%;display: flex;">
                                <div style="width:40%; height: 100%;display: flex;">
                                    <div
                                        style="height: 100%;width: 100%;background: url('./img_new_new/项目概览总数.png')no-repeat center center;text-align: center;position: relative;">
                                        <div class="numbers"
                                            style="position: absolute;width: 100%;bottom: 55%;color: #4D91F9;"
                                            v-if="guozhai&&guozhai.length>0">{{guozhai[0].cou}}个</div>
                                        <div class="title_new"
                                            style="position: absolute;font-size: 20px;text-align: center;width: 100%;bottom: 40%;color: #125397;">
                                            总数</div>
                                    </div>
                                </div>
                                <div style="width: 55%;
                height: 100%;">
                                    <div
                                        style="height: 100%;width: 100%;position: relative;font-size: 16px;text-align: center;">
                                        <div @click="szxzjList1(areaCode)" style="    position: absolute;
                                  width: 100%;
                                  height: 100%;
                                  display: flex;
                                  justify-content: center;
                                  align-items: center;
                                  flex-direction: column;">
                                            <div class="numbers" v-if="guozhai&&guozhai.length>0">{{guozhai[0].cou}}
                                            </div>
                                            <div class="title_new" style="font-size: 14px;">个</div>
                                        </div>
                                        <div id="echart8" style="width: 100%;height: 100%;display: none;"></div>
                                        <div style="width: 100%;height: 100%;" @click="szxzjList1(areaCode)"><img
                                                height="100%" src="./img_new_new/blue_ball.png" alt=""></div>
                                        <div style="position: absolute;    top: 82%;
                    right: 98px;color: #2f609a;">国债
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div
                            style="width: 100%;height: 17%;margin-top: -4%;background: url('./img_new_new/招商项目.png') no-repeat;background-size: 100% 100%;position: relative;">
                            <div @click="zsList()" style="cursor: pointer;">
                                <img src="./img_new_new/招商数量.png" style="display: block;
              position: absolute;
              left: 10%;
              width: 80%;
              top: 37%;z-index: 9;" alt="">
                                <div class="numbers" style="position: absolute;
              left: 28%;
              top: 42%;
              z-index: 99;
              color: rgb(27, 82, 146);
              font-size: 17px;">截至目前招商项目总数<span style="color: rgb(77, 146, 249);
    margin: 0px 10px;
    font-size: 40px;">{{shuiqiu.zhaoshangzhongdian}}</span>个</div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="right" style="position: relative;z-index:3">
                    <div class="r_input" style="width: 90%;
        display: flex;
        justify-content: space-between;
        margin-left: 16px;">
                        <div style="width: 48%;">
                            <el-select v-model="buildScale" @change="changeInput(1)" clearable style="width: 100%;"
                                placeholder="按投资金额筛选">
                                <el-option v-for="opt in jineDictList" :key="opt.dictValue" :value="opt.dictValue"
                                    :label="opt.dictLabel"></el-option>
                            </el-select>
                        </div>
                        <div style="width: 48%;">
                            <el-select v-model="projectType" @change="changeInput(2)" clearable style="width: 100%;"
                                placeholder="按行业筛选">
                                <el-option v-for="opt in hangyeDictList" :key="opt.dictValue" :value="opt.dictValue"
                                    :label="opt.dictLabel"></el-option>
                            </el-select>
                        </div>
                    </div>
                    <div class="r_t"
                        style="position: relative;background: url('./img_new_new/领导签批.png') no-repeat;padding: 0;background-size: contain;"
                        @mouseenter="clearTimeSet" @mouseleave="timeSet">
                        <div style="margin-top: 60px;">
                            <vue-seamless-scroll ref="scrollContainer" style="width:90%;margin-left: 5%;"
                                :data="textList" :class-option="seamless_option" class="seamless-warp">
                                <div v-for="(item,index) in textList"
                                    style="border-bottom: 4px solid #89C2FD;padding-bottom: 10px;">
                                    <div style=" padding: 12px 0px;font-size: 18px;color:#7D9FE1">{{item.content}}</div>
                                    <div style="font-size: 18px;color:#7D9FE1;">回复：{{item.replyContent}}</div>
                                    <!-- <div style="padding: 28px 0;" v-if="index == 2"></div> -->
                                </div>
                            </vue-seamless-scroll>
                        </div>

                        <div style="width:100%;position: relative;margin-top: 30px;">
                            <div @click="btnQp" style="width: 90%;margin-top: 5px;cursor: pointer;margin-left: auto;margin-right: auto;background: url(./img_new_new/qp/new/签批顶部选项底框.png) no-repeat;background-size: 100% 100%;height: 35px;
            line-height: 45px;
            text-align: center;"></div>
                        </div>
                    </div>

                    <div class="r_b">

                        <div style="width: 100%;height: 100%;">
                            <!-- <img src="./img/l3.png" alt=""> -->
                            <div id="echart2" style="margin-top: 52px;height: 82%;" @mouseenter="mouseenter3"
                                @mouseleave="mouseleave3"></div>
                        </div>
                    </div>
                </div>
                <div v-show="showQpDialog" @click="showQpDialog = false"
                    style="width: 100%;height: 100%;position: fixed;top: 0;left: 0;z-index: 1490;background: rgba(0, 0, 0, 0.4);backdrop-filter: blur(7px);">
                </div>
                <div v-show="showQpDialog" style="width: 980px;position: fixed;z-index: 1500;display: flex;background-size: 100% 100%;
            justify-content: space-around;
            left: 50%;
            margin-left: -520px;
    top: 8%;
    padding: 30px;">
                    <div @click="qianpiFuc(0,'指挥部')"
                        style="cursor: pointer; width: 160px;height: 40px;line-height: 40px;text-align: center;"
                        :style="{background:actQp == 0?'url(./img_new_new/qp/1/选中.png)  0/100% 100% no-repeat':'url(./img_new_new/qp/1/未选中.png)  0/100% 100% no-repeat'}">
                        指挥部</div>
                    <div v-if="areaCode.length<=4" @click="qianpiFuc(1,'县市区')"
                        style="cursor: pointer; width: 160px;height: 40px;line-height: 40px;text-align: center;"
                        :style="{background:actQp == 1?'url(./img_new_new/qp/1/选中.png)  0/100% 100% no-repeat':'url(./img_new_new/qp/1/未选中.png)  0/100% 100% no-repeat'}">
                        县市区</div>
                    <div @click="qianpiFuc(2,'部门')"
                        style="cursor: pointer; width: 160px;height: 40px;line-height: 40px;text-align: center;"
                        :style="{background:actQp == 2?'url(./img_new_new/qp/1/选中.png)  0/100% 100% no-repeat':'url(./img_new_new/qp/1/未选中.png)  0/100% 100% no-repeat'}">
                        部门</div>
                    <div v-if="areaCode.length<=4" @click="qianpiFuc(3,'问题上报')"
                        style="cursor: pointer; width: 160px;height: 40px;line-height: 40px;text-align: center;"
                        :style="{background:actQp == 3?'url(./img_new_new/qp/1/选中.png)  0/100% 100% no-repeat':'url(./img_new_new/qp/1/未选中.png)  0/100% 100% no-repeat'}">
                        问题上报</div>
                    <div @click="qianpiFuc(4,'逾期预警')"
                        style="cursor: pointer; width: 160px;height: 40px;line-height: 40px;text-align: center;"
                        :style="{background:actQp == 4?'url(./img_new_new/qp/1/选中.png)  0/100% 100% no-repeat':'url(./img_new_new/qp/1/未选中.png)  0/100% 100% no-repeat'}">
                        逾期预警</div>
                    <div @click="qianpiFuc(5,'签批管理')"
                        style="cursor: pointer; width: 160px;height: 40px;line-height: 40px;text-align: center;"
                        :style="{background:actQp == 5?'url(./img_new_new/qp/1/选中.png)  0/100% 100% no-repeat':'url(./img_new_new/qp/1/未选中.png)  0/100% 100% no-repeat'}">
                        签批管理</div>
                </div>
                <div v-show="showQpDialog"
                    style="width: 1120px;height: 750px;background: url('./img_new_new/qp/底框1.png') no-repeat; background-size: 100% 100%;position: fixed;z-index: 1500;top: 15%;left: 50%;margin-left: -560px;padding-bottom: 50px;">
                    <div class="wtsbtitle">
                        <div class="title_new tk-title">{{qpTitle}}</div>
                    </div>
                    <div style="width: 100%;height: 90%;">
                        <div style="width: 88%;height: 100%;padding: 0px 6%;overflow-y: auto;">
                            <div class="coll" v-if="actQp == 0">
                                <el-collapse v-model="activeNames" accordion>
                                    <el-collapse-item title="领导组" name="1">
                                        <div style="margin-left: 50px;">
                                            <p><b style="">总 指 挥：</b> </p>
                                            <p style="margin-left: 5em;    display: flex;
                    align-items: center;
                    justify-content: space-between;margin: 12px;">张百顺 市委副书记、市长</p>
                                            <p><b style="">常务副总指挥：</b> </p>
                                            <p style="margin-left: 5em;    display: flex;
                    align-items: center;
                    justify-content: space-between;margin: 12px;">刘文强 市委常委、常务副市长 <img style="cursor: pointer;"
                                                    @click="ldzQp('刘文强')" src="./img_new_new/qp/签批按钮.png" alt=""></p>
                                            <p><b style="">副 总 指 挥：</b> </p>
                                            <!-- <p style="margin-left: 5em;    display: flex;
                    align-items: center;
                    justify-content: space-between;margin: 12px;">王 峰 市委常委、副市长 <img style="cursor: pointer;" @click="ldzQp('王峰')"
                          src="./img_new_new/qp/签批按钮.png" alt=""></p> -->
                                            <p style="margin-left: 5em;    display: flex;
                    align-items: center;
                    justify-content: space-between;margin: 12px;">马卫红 副市长 <img style="cursor: pointer;"
                                                    @click="ldzQp('马卫红')" src="./img_new_new/qp/签批按钮.png" alt=""></p>
                                            <p style="margin-left: 5em;    display: flex;
                    align-items: center;
                    justify-content: space-between;margin: 12px;">王 刚 副市长 <img style="cursor: pointer;"
                                                    @click="ldzQp('王刚')" src="./img_new_new/qp/签批按钮.png" alt=""></p>
                                            <p style="margin-left: 5em;    display: flex;
                    align-items: center;
                    justify-content: space-between;margin: 12px;">张建军 副市长 <img style="cursor: pointer;"
                                                    @click="ldzQp('张建军')" src="./img_new_new/qp/签批按钮.png" alt=""></p>
                                            <p><b style="">成 员：</b> </p>
                                            <p style="margin-left: 5em;    display: flex;
                    align-items: center;
                    justify-content: space-between;margin: 12px;">丁耀伟 市委组织部分管日常工作的副部长 <img style="cursor: pointer;"
                                                    @click="ldzQp('丁耀伟')" src="./img_new_new/qp/签批按钮.png" alt=""></p>
                                            <p style="margin-left: 5em;    display: flex;
                    align-items: center;
                    justify-content: space-between;margin: 12px;">倪文超 市纪委分管日常工作的副书记、市监委副主任 <img
                                                    style="cursor: pointer;" @click="ldzQp('倪文超')"
                                                    src="./img_new_new/qp/签批按钮.png" alt=""></p>
                                            <p style="margin-left: 5em;    display: flex;
                    align-items: center;
                    justify-content: space-between;margin: 12px;">杨 涛 市政府副秘书长 <img style="cursor: pointer;"
                                                    @click="ldzQp('杨涛')" src="./img_new_new/qp/签批按钮.png" alt=""></p>
                                            <p style="margin-left: 5em;    display: flex;
                    align-items: center;
                    justify-content: space-between;margin: 12px;">高 峰 市发展改革委主任 <img style="cursor: pointer;"
                                                    @click="ldzQp('高峰')" src="./img_new_new/qp/签批按钮.png" alt=""></p>
                                            <p style="margin-left: 5em;    display: flex;
                    align-items: center;
                    justify-content: space-between;margin: 12px;">崔　巍　市教育体育局局长 <img style="cursor: pointer;"
                                                    @click="ldzQp('崔巍')" src="./img_new_new/qp/签批按钮.png" alt=""></p>
                                            <p style="margin-left: 5em;    display: flex;
                    align-items: center;
                    justify-content: space-between;margin: 12px;">解志超 市工业和信息化局局长 <img style="cursor: pointer;"
                                                    @click="ldzQp('解志超')" src="./img_new_new/qp/签批按钮.png" alt=""></p>
                                            <p style="margin-left: 5em;    display: flex;
                    align-items: center;
                    justify-content: space-between;margin: 12px;">任海波 市财政局局长 <img style="cursor: pointer;"
                                                    @click="ldzQp('任海波')" src="./img_new_new/qp/签批按钮.png" alt=""></p>
                                            <p style="margin-left: 5em;    display: flex;
                    align-items: center;
                    justify-content: space-between;margin: 12px;">刘 博 市人力资源和社会保障局局长 <img style="cursor: pointer;"
                                                    @click="ldzQp('刘博')" src="./img_new_new/qp/签批按钮.png" alt=""></p>
                                            <p style="margin-left: 5em;    display: flex;
                    align-items: center;
                    justify-content: space-between;margin: 12px;">李其超 市自然资源和规划局局长 <img style="cursor: pointer;"
                                                    @click="ldzQp('李其超')" src="./img_new_new/qp/签批按钮.png" alt=""></p>
                                            <p style="margin-left: 5em;    display: flex;
                    align-items: center;
                    justify-content: space-between;margin: 12px;">王 凯 市生态环境局局长 <img style="cursor: pointer;"
                                                    @click="ldzQp('王凯')" src="./img_new_new/qp/签批按钮.png" alt=""></p>
                                            <p style="margin-left: 5em;    display: flex;
                    align-items: center;
                    justify-content: space-between;margin: 12px;">张 亚 市住房城乡建设局局长 <img style="cursor: pointer;"
                                                    @click="ldzQp('张亚')" src="./img_new_new/qp/签批按钮.png" alt=""></p>
                                            <p style="margin-left: 5em;    display: flex;
                    align-items: center;
                    justify-content: space-between;margin: 12px;">韩德振　市交通运输局局长 <img style="cursor: pointer;"
                                                    @click="ldzQp('韩德振')" src="./img_new_new/qp/签批按钮.png" alt=""></p>
                                            <p style="margin-left: 5em;    display: flex;
                    align-items: center;
                    justify-content: space-between;margin: 12px;">贾相云　市水利局局长 <img style="cursor: pointer;"
                                                    @click="ldzQp('贾相云')" src="./img_new_new/qp/签批按钮.png" alt=""></p>
                                            <p style="margin-left: 5em;    display: flex;
                    align-items: center;
                    justify-content: space-between;margin: 12px;">盛 强 市商务局局长 <img style="cursor: pointer;"
                                                    @click="ldzQp('盛强')" src="./img_new_new/qp/签批按钮.png" alt=""></p>
                                            <p style="margin-left: 5em;    display: flex;
                    align-items: center;
                    justify-content: space-between;margin: 12px;">赵迎春 市投资促进局局长 <img style="cursor: pointer;"
                                                    @click="ldzQp('赵迎春')" src="./img_new_new/qp/签批按钮.png" alt=""></p>
                                            <p style="margin-left: 5em;    display: flex;
                    align-items: center;
                    justify-content: space-between;margin: 12px;">周江涛 市文化和旅游局局长 <img style="cursor: pointer;"
                                                    @click="ldzQp('周江涛')" src="./img_new_new/qp/签批按钮.png" alt=""></p>
                                            <p style="margin-left: 5em;    display: flex;
                    align-items: center;
                    justify-content: space-between;margin: 12px;">张月莲　市卫生健康委主任 <img style="cursor: pointer;"
                                                    @click="ldzQp('张月莲')" src="./img_new_new/qp/签批按钮.png" alt=""></p>
                                            <p style="margin-left: 5em;    display: flex;
                    align-items: center;
                    justify-content: space-between;margin: 12px;">闫友亮 市行政审批服务局局长 <img style="cursor: pointer;"
                                                    @click="ldzQp('闫友亮')" src="./img_new_new/qp/签批按钮.png" alt=""></p>
                                            <p style="margin-left: 5em;    display: flex;
                    align-items: center;
                    justify-content: space-between;margin: 12px;">梅永杰 市统计局局长 <img style="cursor: pointer;"
                                                    @click="ldzQp('梅永杰')" src="./img_new_new/qp/签批按钮.png" alt=""></p>
                                            <p style="margin-left: 5em;    display: flex;
                    align-items: center;
                    justify-content: space-between;margin: 12px;">任 凯 市地方金融监管局局长 <img style="cursor: pointer;"
                                                    @click="ldzQp('任凯')" src="./img_new_new/qp/签批按钮.png" alt=""></p>
                                        </div>
                                    </el-collapse-item>
                                    <el-collapse-item title="综合协调组" name="2">
                                        <div style="margin-left: 50px;">
                                            <p><b style="">组 长：</b> </p>
                                            <p style="margin-left: 5em;    display: flex;
                    align-items: center;
                    justify-content: space-between;margin: 12px;">李 光 市发展改革委党组成员、市服务业发展服务中心主任 <img
                                                    style="cursor: pointer;" @click="ldzQp('李光')"
                                                    src="./img_new_new/qp/签批按钮.png" alt=""></p>
                                            <p style="margin-left: 5em;    display: flex;
                    align-items: center;
                    justify-content: space-between;margin: 12px;">常广建 市政府办公室副主任 <img style="cursor: pointer;"
                                                    @click="ldzQp('常广建')" src="./img_new_new/qp/签批按钮.png" alt=""></p>
                                            <p><b style="">副组长：</b> </p>
                                            <p style="margin-left: 5em;    display: flex;
                    align-items: center;
                    justify-content: space-between;margin: 12px;">何 飞 市发展改革委重点项目管理科副科长 <img style="cursor: pointer;"
                                                    @click="ldzQp('何飞')" src="./img_new_new/qp/签批按钮.png" alt=""></p>
                                            <p style="margin-left: 5em;    display: flex;
                    align-items: center;
                    justify-content: space-between;margin: 12px;">杜建海 市能源发展服务中心专业技术十一级 <img style="cursor: pointer;"
                                                    @click="ldzQp('杜建海')" src="./img_new_new/qp/签批按钮.png" alt=""></p>
                                            <p><b style="">成 员：</b> </p>
                                            <p style="margin-left: 5em;    display: flex;
                    align-items: center;
                    justify-content: space-between;margin: 12px;">胡彦彪 市发展改革委办公室四级主任科员 <img style="cursor: pointer;"
                                                    @click="ldzQp('胡彦彪')" src="./img_new_new/qp/签批按钮.png" alt=""></p>
                                            <p style="margin-left: 5em;    display: flex;
                    align-items: center;
                    justify-content: space-between;margin: 12px;">庞树滨 市能源发展服务中心助理工程师 <img style="cursor: pointer;"
                                                    @click="ldzQp('庞树滨')" src="./img_new_new/qp/签批按钮.png" alt=""></p>
                                            <p style="margin-left: 5em;    display: flex;
                    align-items: center;
                    justify-content: space-between;margin: 12px;">王宝涵 临清市发展和改革局重点项目科科员 <img style="cursor: pointer;"
                                                    @click="ldzQp('王宝涵')" src="./img_new_new/qp/签批按钮.png" alt=""></p>
                                        </div>
                                    </el-collapse-item>
                                    <el-collapse-item title="项目谋划提升组" name="3">
                                        <div style="margin-left: 50px;">
                                            <p><b style="">组 长：</b> </p>
                                            <p style="margin-left: 5em;    display: flex;
                    align-items: center;
                    justify-content: space-between;margin: 12px;">魏发奎 市财政局副局长 <img style="cursor: pointer;"
                                                    @click="ldzQp('魏发奎')" src="./img_new_new/qp/签批按钮.png" alt=""></p>
                                            <p style="margin-left: 5em;    display: flex;
                    align-items: center;
                    justify-content: space-between;margin: 12px;">董立强 市投资促进局副局长 <img style="cursor: pointer;"
                                                    @click="ldzQp('董立强')" src="./img_new_new/qp/签批按钮.png" alt=""></p>
                                            <p><b style="">副组长：</b> </p>
                                            <p style="margin-left: 5em;    display: flex;
                    align-items: center;
                    justify-content: space-between;margin: 12px;">徐元婷 市行政审批局投资项目审批科科长 <img style="cursor: pointer;"
                                                    @click="ldzQp('徐元婷')" src="./img_new_new/qp/签批按钮.png" alt=""></p>
                                            <p style="margin-left: 5em;    display: flex;
                    align-items: center;
                    justify-content: space-between;margin: 12px;">张 雪 市发展改革委固定资产投资科科长 <img style="cursor: pointer;"
                                                    @click="ldzQp('张雪')" src="./img_new_new/qp/签批按钮.png" alt=""></p>
                                            <p><b style="">成 员：</b> </p>
                                            <p style="margin-left: 5em;    display: flex;
                    align-items: center;
                    justify-content: space-between;margin: 12px;">丁 玲 市发展改革委农村经济科科长 <img style="cursor: pointer;"
                                                    @click="ldzQp('丁玲')" src="./img_new_new/qp/签批按钮.png" alt=""></p>
                                            <p style="margin-left: 5em;    display: flex;
                    align-items: center;
                    justify-content: space-between;margin: 12px;">叶绥汉 市发展改革委基础设施发展科科长 <img style="cursor: pointer;"
                                                    @click="ldzQp('叶绥汉')" src="./img_new_new/qp/签批按钮.png" alt=""></p>
                                            <p style="margin-left: 5em;    display: flex;
                    align-items: center;
                    justify-content: space-between;margin: 12px;">董 晨 市发展改革委工业和高技术产业科科长 <img style="cursor: pointer;"
                                                    @click="ldzQp('董晨')" src="./img_new_new/qp/签批按钮.png" alt=""></p>
                                            <p style="margin-left: 5em;    display: flex;
                    align-items: center;
                    justify-content: space-between;margin: 12px;">邵 惠 市发展改革委区（县）域发展和对口支援科科长 <img
                                                    style="cursor: pointer;" @click="ldzQp('邵惠')"
                                                    src="./img_new_new/qp/签批按钮.png" alt=""></p>
                                            <p style="margin-left: 5em;    display: flex;
                    align-items: center;
                    justify-content: space-between;margin: 12px;">王晓文 市发展改革委社会发展科负责人 <img style="cursor: pointer;"
                                                    @click="ldzQp('王晓文')" src="./img_new_new/qp/签批按钮.png" alt=""></p>
                                            <p style="margin-left: 5em;    display: flex;
                    align-items: center;
                    justify-content: space-between;margin: 12px;">叶 壮 市发展改革委能源管理科负责人 <img style="cursor: pointer;"
                                                    @click="ldzQp('叶壮')" src="./img_new_new/qp/签批按钮.png" alt=""></p>
                                            <p style="margin-left: 5em;    display: flex;
                    align-items: center;
                    justify-content: space-between;margin: 12px;">张 戈 市发展改革委固定资产投资科副科长 <img style="cursor: pointer;"
                                                    @click="ldzQp('张戈')" src="./img_new_new/qp/签批按钮.png" alt=""></p>
                                            <p style="margin-left: 5em;    display: flex;
                    align-items: center;
                    justify-content: space-between;margin: 12px;">于淑亚 市经济发展服务中心四级主任科员 <img style="cursor: pointer;"
                                                    @click="ldzQp('于淑亚')" src="./img_new_new/qp/签批按钮.png" alt=""></p>
                                            <p style="margin-left: 5em;    display: flex;
                    align-items: center;
                    justify-content: space-between;margin: 12px;">安若松 东阿县发展改革局投资科科员 <img style="cursor: pointer;"
                                                    @click="ldzQp('安若松')" src="./img_new_new/qp/签批按钮.png" alt=""></p>
                                            <p style="margin-left: 5em;    display: flex;
                    align-items: center;
                    justify-content: space-between;margin: 12px;">王清辉 冠县发改局重点项目服务中心副主任 <img style="cursor: pointer;"
                                                    @click="ldzQp('王清辉')" src="./img_new_new/qp/签批按钮.png" alt=""></p>
                                            <p style="margin-left: 5em;    display: flex;
                    align-items: center;
                    justify-content: space-between;margin: 12px;">张修岗 市人防事业保障中心工程服务科副科长 <img style="cursor: pointer;"
                                                    @click="ldzQp('张修岗')" src="./img_new_new/qp/签批按钮.png" alt=""></p>
                                        </div>
                                    </el-collapse-item>
                                    <el-collapse-item title="要素协调服务组" name="4">
                                        <div style="margin-left: 50px;">
                                            <p><b style="">组 长：</b> </p>
                                            <p style="margin-left: 5em;    display: flex;
                    align-items: center;
                    justify-content: space-between;margin: 12px;">赵朝庆 市自然资源和规划局副局长 <img style="cursor: pointer;"
                                                    @click="ldzQp('赵朝庆')" src="./img_new_new/qp/签批按钮.png" alt=""></p>
                                            <p style="margin-left: 5em;    display: flex;
                    align-items: center;
                    justify-content: space-between;margin: 12px;">崔 翔 市文物事业服务中心主任 <img style="cursor: pointer;"
                                                    @click="ldzQp('崔翔')" src="./img_new_new/qp/签批按钮.png" alt=""></p>
                                            <p><b style="">副组长：</b> </p>
                                            <p style="margin-left: 5em;    display: flex;
                    align-items: center;
                    justify-content: space-between;margin: 12px;">孙庆国 市污染物总量控制中心工程师 <img style="cursor: pointer;"
                                                    @click="ldzQp('孙庆国')" src="./img_new_new/qp/签批按钮.png" alt=""></p>
                                            <p style="margin-left: 5em;    display: flex;
                    align-items: center;
                    justify-content: space-between;margin: 12px;">魏振忠 市发展改革委发展规划和资源环境科负责人 <img style="cursor: pointer;"
                                                    @click="ldzQp('魏振忠')" src="./img_new_new/qp/签批按钮.png" alt=""></p>
                                            <p><b style="">成 员：</b> </p>
                                            <p style="margin-left: 5em;    display: flex;
                    align-items: center;
                    justify-content: space-between;margin: 12px;">王晓辉 市发展改革委经贸外资和财政金融科科长 <img style="cursor: pointer;"
                                                    @click="ldzQp('王晓辉')" src="./img_new_new/qp/签批按钮.png" alt=""></p>
                                            <p style="margin-left: 5em;    display: flex;
                    align-items: center;
                    justify-content: space-between;margin: 12px;">王 强 市发展改革委能源规划和节约科科长 <img style="cursor: pointer;"
                                                    @click="ldzQp('王强')" src="./img_new_new/qp/签批按钮.png" alt=""></p>
                                            <p style="margin-left: 5em;    display: flex;
                    align-items: center;
                    justify-content: space-between;margin: 12px;">王 栋 茌平区发展和改革局服务业科员 <img style="cursor: pointer;"
                                                    @click="ldzQp('王栋')" src="./img_new_new/qp/签批按钮.png" alt=""></p>
                                            <p style="margin-left: 5em;    display: flex;
                    align-items: center;
                    justify-content: space-between;margin: 12px;">刘祥忠 市自然资源和规划局国土空间用途管制科三级主任科员 <img
                                                    style="cursor: pointer;" @click="ldzQp('刘祥忠')"
                                                    src="./img_new_new/qp/签批按钮.png" alt=""></p>
                                            <p style="margin-left: 5em;    display: flex;
                    align-items: center;
                    justify-content: space-between;margin: 12px;">武 晓 开发区经济发展部办公室主任 <img style="cursor: pointer;"
                                                    @click="ldzQp('武晓')" src="./img_new_new/qp/签批按钮.png" alt=""></p>
                                        </div>
                                    </el-collapse-item>
                                    <el-collapse-item title="调度推进督导组" name="5">
                                        <div style="margin-left: 50px;">
                                            <p><b style="">组 长：</b> </p>
                                            <p style="margin-left: 5em;    display: flex;
                    align-items: center;
                    justify-content: space-between;margin: 12px;">邵保龙 市统计局副局长 <img style="cursor: pointer;"
                                                    @click="ldzQp('邵保龙')" src="./img_new_new/qp/签批按钮.png" alt=""></p>
                                            <p style="margin-left: 5em;    display: flex;
                    align-items: center;
                    justify-content: space-between;margin: 12px;">李辽东 市公共资源交易中心主任 <img style="cursor: pointer;"
                                                    @click="ldzQp('李辽东')" src="./img_new_new/qp/签批按钮.png" alt=""></p>
                                            <p><b style="">副组长：</b> </p>
                                            <p style="margin-left: 5em;    display: flex;
                    align-items: center;
                    justify-content: space-between;margin: 12px;">范晓杰 市统计普查中心普查科科长 <img style="cursor: pointer;"
                                                    @click="ldzQp('范晓杰')" src="./img_new_new/qp/签批按钮.png" alt=""></p>
                                            <p style="margin-left: 5em;    display: flex;
                    align-items: center;
                    justify-content: space-between;margin: 12px;">田 杰 市发展改革委动能转换推进考核科科长 <img style="cursor: pointer;"
                                                    @click="ldzQp('田杰')" src="./img_new_new/qp/签批按钮.png" alt=""></p>
                                            <p><b style="">成 员：</b> </p>
                                            <p style="margin-left: 5em;    display: flex;
                    align-items: center;
                    justify-content: space-between;margin: 12px;">刘 冬 市救灾物资储备中心物资储备科副科长 <img style="cursor: pointer;"
                                                    @click="ldzQp('刘冬')" src="./img_new_new/qp/签批按钮.png" alt=""></p>
                                            <p style="margin-left: 5em;    display: flex;
                    align-items: center;
                    justify-content: space-between;margin: 12px;">王 鑫 高唐县发展改革局重点项目科科员 <img style="cursor: pointer;"
                                                    @click="ldzQp('王鑫')" src="./img_new_new/qp/签批按钮.png" alt=""></p>
                                            <p style="margin-left: 5em;    display: flex;
                    align-items: center;
                    justify-content: space-between;margin: 12px;">刘晓静 莘县发展和改革局人事科科长 <img style="cursor: pointer;"
                                                    @click="ldzQp('刘晓静')" src="./img_new_new/qp/签批按钮.png" alt=""></p>
                                            <p style="margin-left: 5em;    display: flex;
                    align-items: center;
                    justify-content: space-between;margin: 12px;">刘守宏 阳谷县发展改革局办公室科员 <img style="cursor: pointer;"
                                                    @click="ldzQp('刘守宏')" src="./img_new_new/qp/签批按钮.png" alt=""></p>
                                            <p style="margin-left: 5em;    display: flex;
                    align-items: center;
                    justify-content: space-between;margin: 12px;">李枭鹏 东昌府区泰来城市发展集团投资部副部长 <img style="cursor: pointer;"
                                                    @click="ldzQp('李枭鹏')" src="./img_new_new/qp/签批按钮.png" alt=""></p>
                                        </div>
                                    </el-collapse-item>
                                    <el-collapse-item title="考核管理组" name="6">
                                        <div style="margin-left: 50px;">
                                            <p><b style="">组 长：</b> </p>
                                            <p style="margin-left: 5em;    display: flex;
                    align-items: center;
                    justify-content: space-between;margin: 12px;">孙保国 市委第二巡察组副组长 <img style="cursor: pointer;"
                                                    @click="ldzQp('孙保国')" src="./img_new_new/qp/签批按钮.png" alt=""></p>
                                            <p><b style="">副组长：</b> </p>
                                            <p style="margin-left: 5em;    display: flex;
                    align-items: center;
                    justify-content: space-between;margin: 12px;">李新辉 市委组织部干部队伍建设规划办主任 <img style="cursor: pointer;"
                                                    @click="ldzQp('李新辉')" src="./img_new_new/qp/签批按钮.png" alt=""></p>
                                            <p style="margin-left: 5em;    display: flex;
                    align-items: center;
                    justify-content: space-between;margin: 12px;">田 飞 市发展改革委评估督导科科长 <img style="cursor: pointer;"
                                                    @click="ldzQp('田飞')" src="./img_new_new/qp/签批按钮.png" alt=""></p>
                                            <p><b style="">成 员：</b> </p>
                                            <p style="margin-left: 5em;    display: flex;
                    align-items: center;
                    justify-content: space-between;margin: 12px;">钟 岩 市纪委监委派驻第三纪检监察组综合科科长 <img style="cursor: pointer;"
                                                    @click="ldzQp('钟岩')" src="./img_new_new/qp/签批按钮.png" alt=""></p>
                                            <p style="margin-left: 5em;    display: flex;
                    align-items: center;
                    justify-content: space-between;margin: 12px;">栾龙先 服务业中心综合科副科长 <img style="cursor: pointer;"
                                                    @click="ldzQp('栾龙先')" src="./img_new_new/qp/签批按钮.png" alt=""></p>
                                            <p style="margin-left: 5em;    display: flex;
                    align-items: center;
                    justify-content: space-between;margin: 12px;">高洪升 市高新区经济发展部科员 <img style="cursor: pointer;"
                                                    @click="ldzQp('高洪升')" src="./img_new_new/qp/签批按钮.png" alt=""></p>
                                            <p style="margin-left: 5em;    display: flex;
                    align-items: center;
                    justify-content: space-between;margin: 12px;">于韶涵 市度假区鑫瑞投资集团 <img style="cursor: pointer;"
                                                    @click="ldzQp('于韶涵')" src="./img_new_new/qp/签批按钮.png" alt=""></p>
                                        </div>
                                    </el-collapse-item>
                                    <el-collapse-item title="区县指挥部" name="7" v-if="areaCodes.length>4">
                                        <el-collapse v-model="activeNameChild" accordion style="margin-left: 5%;">
                                            <el-collapse-item v-for="(item,index) in qxZhbNamelist" :title="item"
                                                :name="index">
                                                <div style="margin-left: 50px;">
                                                    <template v-for="(v,i) in qxZhblist[item]">
                                                        <p><b style="">{{v[0].group}}：</b> </p>
                                                        <p v-for="j in v"
                                                            style="margin-left: 5em;display: flex;align-items: center;justify-content: space-between;margin: 12px;">
                                                            {{j.name}} {{j.post}}<img style="cursor: pointer;"
                                                                @click="ldzQp2(v.name,v.phone)"
                                                                src="./img_new_new/qp/签批按钮.png" alt=""></p>
                                                    </template>
                                                </div>
                                            </el-collapse-item>
                                        </el-collapse>
                                    </el-collapse-item>
                                </el-collapse>
                            </div>
                            <div v-if="actQp == 1" style="width: 100%;height: 100%;overflow-y: scroll;">
                                <table style="border-collapse: collapse;width: 100%;" border="0">
                                    <thead>
                                        <tr style="background-color: #438DF9;
                                    border-style: solid;
                                    border-width: 1px;
                                    border-image-source: linear-gradient(0deg,
                                        #98b0c7 0%,
                                        #192c44 32%,
                                        rgba(110, 132, 156, 0.5) 66%,
                                        rgba(152, 176, 199, 0.75) 83%,
                                        #98b0c7 100%);
                                    border-image-slice: 1;">
                                            <th style="color: #fff;">所属行政区</th>
                                            <th style="color: #fff;">开工项目个数</th>

                                            <th style="color: #fff;">开工率</th>
                                            <th style="color: #fff;">手续完成率</th>
                                            <th style="color: #fff;">纳统率</th>
                                            <!-- <th style="color: #fff;">补办手续</th> -->
                                            <th style="color: #fff;">领导签批</th>
                                        </tr>
                                    </thead>
                                    <tbody style="height: 90%;overflow-y: auto;">
                                        <tr v-for="item in qpAreaList" style="border:1px solid  #454b56;">
                                            <td><span style="color:#5a85ff;text-decoration: underline;cursor: pointer;"
                                                    @click="getQpList(item.code)">{{item.name}}</span></td>
                                            <td>{{item.yikaigong}}</td>

                                            <td>{{item.kaigonglv}}</td>
                                            <td>{{item.shouxuwanchenglv}}</td>
                                            <td><span style="cursor: pointer;"
                                                    @click="goWait(item.code)">{{item.natonglv}}</span></td>

                                            <!-- <td>{{item.bubanshouxu}}</td> -->
                                            <td style="padding: 10px 0;">
                                                <img style="cursor: pointer;" @click="qpSet(item)"
                                                    src="./img_new_new/qp/签批按钮.png" alt="">
                                            </td>
                                        </tr>
                                    </tbody>
                                </table>
                            </div>
                            <div v-if="actQp == 2">
                                <table style="border-collapse: collapse;width: 100%;" border="0">
                                    <thead>
                                        <tr style="background-color: #438DF9;
                                    border-style: solid;
                                    border-width: 1px;
                                    border-image-source: linear-gradient(0deg,
                                        #98b0c7 0%,
                                        #192c44 32%,
                                        rgba(110, 132, 156, 0.5) 66%,
                                        rgba(152, 176, 199, 0.75) 83%,
                                        #98b0c7 100%);
                                    border-image-slice: 1;">
                                            <th style="color: #fff;">部门名</th>
                                            <th style="color: #fff;">部门负责人</th>
                                            <th style="color: #fff;">领导签批</th>
                                        </tr>
                                    </thead>
                                    <tbody style="height: 90%;overflow-y: auto;">
                                        <tr v-for="item in qpDeptList" style="border:1px solid  #454b56;">
                                            <td>{{item.deptName}}</td>
                                            <td>{{item.leader}}</td>

                                            <!-- <td>{{item.bubanshouxu}}</td> -->
                                            <td style="padding: 10px 0;">
                                                <img style="cursor: pointer;" @click="sendQpbumen(item)"
                                                    src="./img_new_new/qp/签批按钮.png" alt="">
                                            </td>
                                        </tr>
                                    </tbody>
                                </table>
                            </div>
                            <div v-if="actQp == 3">
                                <table style="border-collapse: collapse;width: 100%;" border="0">
                                    <thead>
                                        <tr style="background-color: #438DF9;
                          border-style: solid;
                          border-width: 1px;
                          border-image-source: linear-gradient(0deg,
                              #98b0c7 0%,
                              #192c44 32%,
                              rgba(110, 132, 156, 0.5) 66%,
                              rgba(152, 176, 199, 0.75) 83%,
                              #98b0c7 100%);
                          border-image-slice: 1;">
                                            <th style="color: #fff;">问题提交人</th>
                                            <th style="color: #fff;">项目名</th>
                                            <th style="color: #fff;">问题描述</th>
                                            <th style="color: #fff;">操作</th>
                                        </tr>
                                    </thead>
                                    <tbody style="height: 90%;overflow-y: auto;">
                                        <tr v-for="item in reportList" style="border:1px solid  #454b56;">
                                            <td>{{item.createBy}}</td>
                                            <td>
                                                <div style="width: 220px;
                      overflow: hidden;
                      white-space: nowrap;
                      padding: 0 12px;" :title="item.projectName">{{item.projectName}}</div>
                                            </td>
                                            <td>
                                                <div style="width: 220px;
                      overflow: hidden;
                      white-space: nowrap;
                      padding: 0 12px;" :title="item.problem">{{item.problem}}</div>
                                            </td>
                                            <td style="padding: 10px 0;">
                                                <img style="cursor: pointer;" @click="goReply(0,item)"
                                                    src="./img_new_new/逾期预警/回复/回复.png" alt="">
                                                <img style="cursor: pointer;" @click="goReply(1,item)"
                                                    src="./img_new_new/逾期预警/转办.png" alt="">
                                                <img style="cursor: pointer;" @click="goReply(2,item)"
                                                    src="./img_new_new/逾期预警/提交.png" alt="">
                                            </td>
                                        </tr>
                                    </tbody>
                                </table>
                            </div>
                            <div v-if="actQp == 4" style="font-size: 18px;">
                                <table style="border-collapse: collapse;width: 100%;" border="0">
                                    <thead>
                                        <tr style="background-color: #438DF9;
                          border-style: solid;
                          border-width: 1px;
                          border-image-source: linear-gradient(0deg,
                              #98b0c7 0%,
                              #192c44 32%,
                              rgba(110, 132, 156, 0.5) 66%,
                              rgba(152, 176, 199, 0.75) 83%,
                              #98b0c7 100%);
                          border-image-slice: 1;">
                                            <th style="color: #fff;">项目名称</th>
                                            <th style="color: #fff;">办理环节</th>
                                            <th style="color: #fff;">逾期时间</th>
                                            <th style="color: #fff;">领导签批</th>
                                        </tr>
                                    </thead>
                                    <tbody style="height: 90%;overflow-y: auto;">
                                        <tr v-for="item in yjdataList" style="border:1px solid  #454b56;">
                                            <td>
                                                <div style="overflow: hidden;
                      white-space: nowrap;
                      padding: 0 12px;" :title="item.projectsName">{{item.projectsName}}</div>
                                            </td>
                                            <td>
                                                <div style="overflow: hidden;
                      white-space: nowrap;
                      padding: 0 12px;" :title="item.activityName">{{item.activityName}}</div>
                                            </td>
                                            <td>
                                                <div style="overflow: hidden;
                        white-space: nowrap;
                        padding: 0 12px;" :title="item.overdueTime">{{item.overdueTime}}</div>
                                            </td>
                                            <!-- <td><img :src="item.alarmStatus == 1?'./img_new_new/new/red.png':'./img_new_new/new/yellow.png'" alt=""></td> -->
                                            <td style="padding: 10px 0;">
                                                <img style="cursor: pointer;" @click="xmyjqp(item)"
                                                    src="./img_new_new/qp/签批按钮.png" alt="">
                                            </td>
                                        </tr>
                                    </tbody>
                                </table>
                            </div>
                            <div v-if="actQp == 5" class="fives">
                                <el-table v-loading="loadingI" :data="intermediaryList">
                                    <el-table-column label="签批人" align="center" prop="learerName" width="180"
                                        show-overflow-tooltip></el-table-column>
                                    <el-table-column label="签批内容" align="center" prop="content" width="180"
                                        show-overflow-tooltip></el-table-column>
                                    <el-table-column label="签批时间" align="center" prop="signTime"></el-table-column>
                                    <el-table-column label="回复" align="center" prop="replyContent"></el-table-column>
                                    <el-table-column label="回复时间" align="center" prop="replayTime"></el-table-column>
                                    <el-table-column label="操作" align="center" class-name="small-padding fixed-width">
                                        <template slot-scope="scope">
                                            <el-button size="mini" type="text" icon="el-icon-edit" class="ibtn"
                                                @click="handleSign(scope.row)">回复</el-button>
                                        </template>
                                    </el-table-column>
                                </el-table>
                                <el-pagination style="margin-top: 15px;" @size-change="handleSizeChange"
                                    @current-change="handleCurrentChange" :page-size="10"
                                    layout="total, sizes, prev, pager, next" :total="totalI"></el-pagination>
                            </div>
                        </div>
                    </div>
                </div>
                <div v-show="tableQpShow"
                    style="width: 1120px;height: 750px;background: url('./img_new_new/qp/底框1.png') no-repeat; background-size: 100% 100%;position: fixed;z-index: 2009;top: 15%;left: 50%;margin-left: -560px;">
                    <div class="wtsbtitle">
                        <div class="title_new tk-title">项目签批</div>
                    </div>
                    <el-button type="primary" @click="tableQpShow = false" style="    position: absolute;
                    top: 70px;
    right: 16px;">返回</el-button>
                    <div style="width: 100%;height: 90%;overflow-y: auto;">
                        <div style="width: 88%;height: 100%;padding: 0px 6%;margin-top: 20px;overflow-y: auto;">
                            <table style="border-collapse: collapse;width: 100%;" border="0">
                                <thead>
                                    <tr style="background-color: #438df9;
                                border-style: solid;
                                border-width: 1px;
                                border-image-source: linear-gradient(0deg,
                                    #98b0c7 0%,
                                    #192c44 32%,
                                    rgba(110, 132, 156, 0.5) 66%,
                                    rgba(152, 176, 199, 0.75) 83%,
                                    #98b0c7 100%);
                                    color: #fff;
                                border-image-slice: 1;">
                                        <th style="color: #fff;">项目名</th>
                                        <!-- <th>项目级别</th> -->
                                        <th style="color: #fff;">签批</th>
                                    </tr>
                                </thead>
                                <tbody style="height: 90%;overflow-y: auto;">
                                    <tr v-for="item in tableDataQp" style="border:1px solid  #454b56;">
                                        <td><span style="cursor: pointer;"
                                                @click="golinkWork(item.id)">{{item.name}}</span></td>
                                        <!-- <td>{{item.projectLevel == 1?'省重大':
                                        item.projectLevel == 2?'省优选':
                                        item.projectLevel == 3?'省补短板':
                                        item.projectLevel == 4?'临清市':
                                        item.projectLevel == 5?'聊城市':
                                        item.projectLevel == 6?'省双招':''}}
                                    </td> -->
                                        <td style="padding: 10px 0;">
                                            <img style="cursor: pointer;" @click="qpSetProject(item)"
                                                src="./img_new_new/qp/签批按钮.png" alt="">
                                        </td>
                                    </tr>
                                </tbody>
                            </table>
                        </div>
                    </div>
                </div>
                <div v-show="showSignProject" style="width: 30%;
            height: 22%;
            background: url(./img_new_new/qp/底框1.png) 0% 0% / 100% 100% no-repeat;
            position: fixed;
            top: 15%;
            left: 50%;
            margin-left: -125px;
            z-index: 2009;
            padding: 50px;">
                    <el-form :model="formSignPrject">
                        <el-form-item label="内容">
                            <!-- <el-input v-model="formSignPrject.content"></el-input> -->
                            <el-input type="textarea" v-model="formSignPrject.content" placeholder="请输入内容"
                                class="qpcontent canceldrag" rows="8"></el-input>
                        </el-form-item>
                        <el-form-item style="float: right;margin-top: 15px;">
                            <el-button type="primary" @click="sumbitSignProject">提交</el-button>
                            <el-button type="primary" @click="showSignProject = false">取消</el-button>
                        </el-form-item>
                    </el-form>
                </div>
                <div v-show="showReport" style="width: 30%;
            height: 26%;
            background: url(./img_new_new/qp/底框1.png) 0% 0% / 100% 100% no-repeat;
            position: fixed;
            top: 15%;
            left: 50%;
            margin-left: -125px;
            z-index: 2009;
            padding: 50px;">
                    <el-form :model="formReport" v-if="reportIs == 0">
                        <el-form-item label="内容">
                            <el-input type="textarea" v-model="formReport.replyContent" placeholder="请输入内容"
                                class="qpcontent canceldrag" rows="8"></el-input>
                        </el-form-item>
                        <el-form-item style="float: right;margin-top: 15px;">
                            <el-button type="primary" @click="sumbitReport">提交</el-button>
                            <el-button type="primary" @click="showReport = false">取消</el-button>
                        </el-form-item>
                    </el-form>
                    <el-form :model="formReport" v-if="reportIs == 1">
                        <el-form-item label="部门">
                            <el-select v-model="formSign.deptId" placeholder="请选择部门" :value-key="null" filterable
                                clearable>
                                <el-option v-for="item in deptList" :key="item.id" :label="item.deptName"
                                    :value="item.deptId"></el-option>
                            </el-select>
                        </el-form-item>
                        <el-form-item label="内容">
                            <el-input type="textarea" v-model="formReport.zbContent" placeholder="请输入内容"
                                class="qpcontent canceldrag" rows="8"></el-input>
                        </el-form-item>
                        <el-form-item style="float: right;margin-top: 15px;">
                            <el-button type="primary" @click="sumbitReport">提交</el-button>
                            <el-button type="primary" @click="showReport = false">取消</el-button>
                        </el-form-item>
                    </el-form>
                    <el-form :model="formReport" v-if="reportIs == 2">
                        <el-form-item label="部门">
                            <el-select v-model="formSign.leadId" placeholder="请选择部门" :value-key="null" filterable
                                clearable>
                                <el-option v-for="item in leadList" :key="item.id" :label="item.nickName"
                                    :value="item.userId"></el-option>
                            </el-select>
                        </el-form-item>
                        <el-form-item label="内容">
                            <el-input type="textarea" v-model="formReport.tjContent" placeholder="请输入内容"
                                class="qpcontent canceldrag" rows="8"></el-input>
                        </el-form-item>
                        <el-form-item style="float: right;margin-top: 15px;">
                            <el-button type="primary" @click="sumbitReport">提交</el-button>
                            <el-button type="primary" @click="showReport = false">取消</el-button>
                        </el-form-item>
                    </el-form>
                </div>
                <div v-show="showSign" style="width: 30%;
            height: auto;
            background: url(./img_new_new/qp/底框1.png) 0% 0% / 100% 100% no-repeat;
            position: fixed;
            top: 15%;
            left: 50%;
            margin-left: -125px;
            z-index: 2009;
            padding: 50px;">
                    <el-form :model="formSign">
                        <!-- <el-form-item label="部门">
            <el-select v-model="formSign.ceId" placeholder="请选择部门"  :value-key="null" filterable clearable>
              <el-option v-for="item in deptList" :key="item.id" :label="item.deptName" :value="item.deptId" ></el-option>
            </el-select>
          </el-form-item> -->
                        <el-form-item label="内容">
                            <!-- <el-input v-model="formSign.content"></el-input> -->
                            <el-input type="textarea" v-model="formSign.content" placeholder="请输入内容"
                                class="qpcontent canceldrag" rows="6"></el-input>
                        </el-form-item>
                        <el-form-item label="附件">
                            <el-upload class="upload-demo style1" :action="uploadFileUrl" :on-preview="handlePreview"
                                :headers="headers" :on-remove="handleRemove4" :before-remove="beforeRemove4" multiple
                                :limit="1" :on-success="handleUploadSuccess4" :file-list="fileList">
                                <el-button size="small" type="primary">点击上传</el-button>
                            </el-upload>
                        </el-form-item>
                        <el-form-item style="float: right;margin-top: 15px;">
                            <el-button type="primary" @click="sumbitSign">提交</el-button>
                            <el-button type="primary" @click="showSign = false">取消</el-button>
                        </el-form-item>
                    </el-form>
                </div>
                <div v-show="showSendQp" style="width:  30%;
            height: auto;
            background: url(./img_new_new/qp/底框1.png) 0% 0% / 100% 100% no-repeat;
            position: fixed;
            top: 15%;
            left: 50%;
            margin-left: -125px;
            z-index: 2009;
            padding: 50px;">
                    <el-form :model="formsQp" ref="formsQp">
                        <el-form-item label="内容" prop="content">
                            <!-- <el-input v-model="formsQp.content"></el-input> -->
                            <el-input type="textarea" v-model="formsQp.content" placeholder="请输入内容"
                                class="qpcontent canceldrag" rows="8"></el-input>
                        </el-form-item>
                        <el-form-item label="附件">
                            <el-upload class="upload-demo style1" :action="uploadFileUrl" :on-preview="handlePreview"
                                :headers="headers" :on-remove="handleRemove4" :before-remove="beforeRemove4" multiple
                                :limit="1" :on-success="handleUploadSuccess4" :file-list="fileList">
                                <el-button size="small" type="primary">点击上传</el-button>
                            </el-upload>
                        </el-form-item>
                        <el-form-item style="float: right;margin-top: 15px;">
                            <el-button type="primary" @click="sendQp">提交</el-button>
                            <el-button type="primary" @click="showSendQp = false">取消</el-button>
                        </el-form-item>
                    </el-form>
                </div>
                <div
                    style="width: 12%;height:215px;position: absolute;overflow: visible;left: 26%;top: 9.4%;z-index: 5;">
                    <div class="mapCheckBox"
                        style="background: url('./img_new_new/图例1.png') no-repeat;background-size: 100% 100%; ">

                        <!-- <img width="16px" style="padding: 5px;" src="./img_new_new/3.png" alt="">
                    <span style="color: #FF4649;font-size: 14px;">省重大项目</span> -->
                        <input type="checkbox" name="" id="c1" v-model="c1" class="checkBox"
                            onclick="checkboxOnclick(this,1)">
                    </div>
                    <div v-show="years == 2023" class="mapCheckBox"
                        style="background: url('./img_new_new/图例2.png') no-repeat;background-size: 100% 100%; ">
                        <!-- <img width="16px" style="padding: 5px;" src="./img_new_new/5.png" alt="">
                    <span style="color: #78FF00;font-size: 14px;">省新旧动能转换优选</span> -->
                        <input type="checkbox" name="" id="c2" v-model="c2" class="checkBox"
                            onclick="checkboxOnclick(this,2)">
                    </div>
                    <div v-show="years == 2023" class="mapCheckBox"
                        style="background: url('./img_new_new/图例3.png') no-repeat;background-size: 100% 100%; ">
                        <!-- <img width="16px" style="padding: 5px;" src="./img_new_new/2.png" alt="">
                    <span style="color: #EAD200;font-size: 14px;">省补短板项目</span> -->
                        <input type="checkbox" name="" id="c3" v-model="c3" class="checkBox"
                            onclick="checkboxOnclick(this,3)">
                    </div>
                    <div v-show="years == 2023" class="mapCheckBox"
                        style="background: url('./img_new_new/图例4.png') no-repeat;background-size: 100% 100%; ">
                        <!-- <img width="16px" style="padding: 5px;" src="./img_new_new/1.png" alt="">
                    <span style="color: #00e1ff;font-size: 14px;">省“双招双引”签约项目</span> -->
                        <input type="checkbox" name="" id="c6" v-model="c6" class="checkBox"
                            onclick="checkboxOnclick(this,6)">
                    </div>
                    <div class="mapCheckBox"
                        style="background: url('./img_new_new/图例5.png') no-repeat;background-size: 100% 100%; ">
                        <!-- <img width="16px" style="padding: 5px;" src="./img_new_new/4.png" alt="">
                    <span style="color: #FF7A00;font-size: 14px;">聊城市</span> -->
                        <input type="checkbox" name="" id="c5" v-model="c5" class="checkBox"
                            onclick="checkboxOnclick(this,5)">
                    </div>
                    <div v-show="years == 2024" class="mapCheckBox"
                        style="background: url('./img_new_new/图例6.png') no-repeat;background-size: 100% 100%; ">
                        <!-- <img width="16px" style="padding: 5px;" src="./img_new_new/4.png" alt="">
                    <span style="color: #FF7A00;font-size: 14px;">聊城市</span> -->
                        <input type="checkbox" name="" id="c9" v-model="c9" class="checkBox"
                            onclick="checkboxOnclick(this,9)">
                    </div>
                    <!-- <div v-show="years == 2024" class="mapCheckBox" style="background: url('./img_new_new/图例10.png') no-repeat;background-size: 100% 100%; ">
          <input type="checkbox" name="" id="c10" v-model="c10" class="checkBox"
                 onclick="checkboxOnclick(this,10)">
        </div> -->
                    <div v-show="years == 2024" class="mapCheckBox"
                        style="background: url('./img_new_new/图例11.png') no-repeat;background-size: 100% 100%; ">
                        <input type="checkbox" name="" id="c11" v-model="c11" class="checkBox"
                            onclick="checkboxOnclick(this,11)">
                    </div>
                    <div v-show="years == 2024" class="mapCheckBox"
                        style="background: url('./img_new_new/图例12.png') no-repeat;background-size: 100% 100%; ">
                        <input type="checkbox" name="" id="c12" v-model="c12" class="checkBox"
                            onclick="checkboxOnclick(this,12)">
                    </div>
                    <div v-show="years == 2024" class="mapCheckBox"
                        style="background: url('./img_new_new/图例13.png') no-repeat;background-size: 100% 100%; ">
                        <input type="checkbox" name="" id="c4" v-model="c4" class="checkBox"
                            onclick="checkboxOnclick(this,4)">
                    </div>
                </div>

                <div class="bottomL"
                    style="background: url(./img_new_new/手续办理进展框.png) no-repeat;background-size: 100% 100%;padding: 0px 16px;">

                    <!-- <img src="./img/sxbljz.png" alt=""> -->
                    <div style="width: 95%;height: 76%;margin-top:58px; ">
                        <!-- <div
                style="height: 50%; width: 100%;display: flex; align-items: center;justify-content: center;">
                <div style="height: 90%;width: 33%;display: flex;flex-direction: column;align-items: center;">
                  <div style="background: url('./img_new_new/手续办理进展-已开工.png') no-repeat center center;width: 100%;height: 100%;position: relative;">
                    <span class="numbers" style="    position: absolute;top: 26%;right: 20%;color:#478EF9;">{{shuiqiu.yikaigong + shuiqiu.tiqianduijie}}<span style="font-size: 14px;font-family: 'regular';color:#7193BB;">个</span></span>
                    <span class="title_new" style="position: absolute;font-size: 18px;bottom: 18%;right: 16%;color:#7193BB;">已开工</span>
                  </div>
                </div>
                <div style="height: 90%;width: 33%;display: flex;flex-direction: column;align-items: center;">
                  <div style="background: url('./img_new_new/手续办理进展-推进中.png') no-repeat center center;width: 100%;height: 100%;position: relative;">
                    <span class="numbers" style="    position: absolute;top: 26%;right: 20%;color:#478EF9;">{{shuiqiu.yikaigong}}<span style="font-size: 14px;font-family: 'regular';color:#7193BB;">个</span></span>
                    <span class="title_new" style="position: absolute;font-size: 18px;bottom: 18%;right: 14%;color:#7193BB;">推进中</span>
                  </div>
                </div>
                <div style="height: 90%;width: 33%;display: flex;flex-direction: column;align-items: center;">
                  <div style="background: url('./img_new_new/手续办理进展-提前对接.png') no-repeat center center;width: 100%;height: 100%;position: relative;">
                    <span class="numbers" style="    position: absolute;top: 26%;right: 20%;color:#478EF9;">{{shuiqiu.tiqianduijie}}<span style="font-size: 14px;font-family: 'regular';color:#7193BB;">个</span></span>
                    <span class="title_new" style="position: absolute;font-size: 18px;bottom: 18%;right: 8%;color:#7193BB;">提前对接</span>
                  </div>
                </div>
              </div> -->
                        <div style="text-align: center;color: #32629b;">省级重点项目</div>
                        <div style="height: 30%; width: 100%;display:flex;position: relative;">
                            <div id="jz1" style="height: 100%;width: 33%;"></div>
                            <div id="jz2" style="height: 100%;width: 33%;"></div>
                            <div id="jz3" style="height: 100%;width: 33%;"></div>
                        </div>
                        <div
                            style="color:#e6e7e9;height: 8%; width: 100%;display:flex;font-weight: 400;font-size: 15px;text-shadow: 2px 0px 4px rgba(113, 238, 255, 0.8);">
                            <div style="width: 50%;text-align: center;">
                                <div>项目开工率</div>
                                <!-- <img src="./img_new_new/项目开工率.png" alt=""  style="height: 63%;"> -->
                            </div>
                            <div style="width: 50%;text-align: center;">
                                <div>项目纳统率</div>
                                <!-- <img src="./img_new_new/项目纳统率.png" alt=""  style="height: 63%;"> -->
                            </div>
                            <div style="width: 50%;text-align: center;">
                                <div>手续完成率</div>
                                <!-- <img src="./img_new_new/手续完成率.png" alt=""  style="height: 63%;"> -->
                            </div>
                        </div>
                        <div style="text-align: center;color: #32629b;">市级重点项目</div>
                        <div style="height: 30%; width: 100%;display:flex;position: relative;">
                            <div id="jz4" style="height: 100%;width: 33%;"></div>
                            <div id="jz5" style="height: 100%;width: 33%;"></div>
                            <div id="jz6" style="height: 100%;width: 33%;"></div>
                        </div>
                        <div
                            style="color:#e6e7e9;height: 8%; width: 100%;display:flex;font-weight: 400;font-size: 15px;text-shadow: 2px 0px 4px rgba(113, 238, 255, 0.8);">
                            <div style="width: 50%;text-align: center;">
                                <div>项目开工率</div>
                                <!-- <img src="./img_new_new/项目开工率.png" alt=""  style="height: 63%;"> -->
                            </div>
                            <div style="width: 50%;text-align: center;">
                                <div>项目纳统率</div>
                                <!-- <img src="./img_new_new/项目纳统率.png" alt=""  style="height: 63%;"> -->
                            </div>
                            <div style="width: 50%;text-align: center;">
                                <div>手续完成率</div>
                                <!-- <img src="./img_new_new/手续完成率.png" alt=""  style="height: 63%;"> -->
                            </div>
                        </div>

                    </div>
                </div>
                <div class="bottomR"
                    style="background: url(./img_new_new/项目预警.png) no-repeat;background-size: 100% 100%;">
                    <!-- <img src="./img/tz.png" alt=""> -->
                    <!-- <div style="color: #333;position: absolute;top: 20px;right: 30px;cursor: pointer;">
          <img src="./img_new_new/new/red.png" alt="">
          <span>审批逾期</span>
          <img src="./img_new_new/new/yellow.png" alt="">
          <span>审批到期</span>
        </div> -->
                    <div v-show="yjshow != 1 && yjshow != 2"
                        style="height: 80%; width: 100%;display:flex;margin-top: 56px;justify-content: space-around;align-items: center;">
                        <!-- <div @click="yjshow = 1;getYjList(1)"><img src="./img_new/xtyj1.png" alt=""></div>
          <div @click="yjshow = 2;getYjList(2)"><img src="./img_new/xmyqyj1.png" alt=""></div> -->
                        <div @click="openYjList2()"><img src="./img_new/xtyj1.png" alt=""></div>
                        <div @click="openYjList()"><img src="./img_new/xmyqyj1.png" alt=""></div>
                    </div>
                    <div v-if="yjshow == 1 || yjshow == 2"
                        style="padding: 5px 12px;border-radius: 4px;color: #fff;font-family: light;background-color: #0099ff;position: absolute;top: 15px;right: 35px;"
                        @click="yjshow = undefined">返回</div>
                    <!-- <div style="height: 80%; width: 100%;display:flex;margin-top: 56px;flex-direction: column;" v-if="yjshow == 1"> -->
                    <!-- <table class="table-content" cellpadding="0" cellspacing="0" style="width: 100%;">
            <colgroup>
              <col width=100px>
              </col>
              <col width=100px>
              </col>
              <col width=100px>
              </col>
              <col width=70px>
              </col>
          </colgroup>
            <thead>
              <tr style="background: #608BDC;">
                <th style="text-align: center;">项目名称</th>
                <th style="text-align: center;">办理环节</th>
                <th style="text-align: center;">逾期时间</th>
                <th style="text-align: center;">领导签批</th>
              </tr>
            </thead>
          </table>
          <vue-seamless-scroll ref="scrollContainer"  :data="yjdataList0" :class-option="seamless_option2" class="seamless-warp2">
            <table class="table-content" cellpadding="0" cellspacing="0" style="width: 100%;">
                <colgroup>
                  <col width=100px>
                  </col>
                  <col width=100px>
                  </col>
                  <col width=100px>
                  </col>
                  <col width=70px>
                  </col>
                </colgroup>
                <tbody>
                    <div>
                        <tr v-for="(item,index) in yjdataList0" :key="index" style="cursor: pointer;background: #DBEFFD;line-height:20px;font-size:16px;" @click="openYjList()">
                          <td><div style="width: 100px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;font-size: 13px;color:#416CA1;" :title="item.projectsName">{{item.projectsName}}</div></td>
                          <td><div style="width: 110px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;font-size: 13px;color:#416CA1;" :title="item.activityName">{{item.activityName}}</div></td>
                          <td><div style="width: 150px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;font-size: 13px;color:#416CA1;" :title="item.overdueTime">{{item.overdueTime}}</div></td>
                            <td style="font-size: 13px;text-align: center;cursor: pointer;color:#416CA1;" @click.stop="xmyjqp(item)">签批</td>
                        </tr>
                    </div>
                </tbody>
            </table>
          </vue-seamless-scroll> -->
                    <!-- </div> -->
                    <div style="height: 80%; width: 100%;display:flex;margin-top: 56px;flex-direction: column;"
                        v-if="yjshow == 2">
                        <table class="table-content" cellpadding="0" cellspacing="0" style="width: 100%;">
                            <colgroup>
                                <col width=100px>
                                </col>
                                <col width=110px>
                                </col>
                                <col width=150px>
                                </col>
                                <col width=70px>
                                </col>
                            </colgroup>
                            <thead>
                                <tr style="background: #608BDC;">

                                    <th style="text-align: center;">项目名称</th>
                                    <th style="text-align: center;">事项名称</th>
                                    <th style="text-align: center;">审批进度</th>
                                    <th style="text-align: center;">领导签批</th>
                                </tr>
                            </thead>
                        </table>
                        <vue-seamless-scroll ref="scrollContainer" :data="yjdataList" :class-option="seamless_option2"
                            class="seamless-warp2">
                            <table class="table-content" cellpadding="0" cellspacing="0" style="width: 100%;">
                                <colgroup>
                                    <col width=100px>
                                    </col>
                                    <col width=110px>
                                    </col>
                                    <col width=150px>
                                    </col>
                                    <col width=70px>
                                    </col>
                                </colgroup>
                                <tbody>
                                    <div>
                                        <tr v-for="(item,index) in yjdataList" :key="index"
                                            style="cursor: pointer;background: #DBEFFD;line-height:20px;font-size:16px;"
                                            @click="openYjList()">
                                            <td>
                                                <div style="width: 100px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;font-size: 13px;color:#416CA1;"
                                                    :title="item.projectName">{{item.projectName}}</div>
                                            </td>
                                            <td>
                                                <div style="width: 100px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;font-size: 13px;color:#416CA1;"
                                                    :title="item.mattersName">{{item.mattersName}}</div>
                                            </td>
                                            <!-- <td><div style="width: 100px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;font-size: 13px;color:#416CA1;" :title="item.overdueTime">{{item.orgName}}</div></td> -->
                                            <td>
                                                <img :src="`./img_new_new/status/${['到期','审批到期','审批逾期','逾期'][index]}.png`"
                                                    alt="">
                                            </td>
                                            <td style="font-size: 13px;text-align: center;cursor: pointer;color:#416CA1;"
                                                @click.stop="xmyjqp(item)">签批</td>
                                        </tr>
                                    </div>
                                </tbody>
                            </table>
                        </vue-seamless-scroll>
                    </div>
                </div>

            </div>
            <el-dialog :visible.sync="wtsbdialog" width="62%" append-to-body class="wtsbdialogStyle">
                <div class="wtsbtitle">
                    <div class="tk-title">问题上报</div>
                </div>
                <div>
                    <img style="position: absolute;right: 35px;top: 10px;cursor: pointer;" src="./img_new_new/单独上报.png"
                        alt="" @click="sbProblem()">
                    <el-form style="display: flex;justify-content: center;" :model="wtsbForm">
                        <el-form-item style="margin-left: 20px;">
                            <el-input v-model="wtsbForm.name" placeholder="请输入项目名称" suffix-icon="el-icon-search"
                                clearable></el-input>
                        </el-form-item>
                        <el-form-item style="margin-left: 20px;">
                            <el-select v-model="wtsbForm.projectLevel" placeholder="项目级别" clearable>
                                <el-option v-for="item in xmjbList" :key="item.dictValue" :label="item.dictLabel"
                                    :value="item.dictValue" :disabled="item.disabled">
                                </el-option>
                            </el-select>
                        </el-form-item>
                        <el-form-item style="margin-left: 20px;">
                            <el-select v-model="wtsbForm.status" placeholder="项目状态搜索" clearable>
                                <el-option v-for="item in xmztList" :key="item.value" :label="item.label"
                                    :value="item.value" :disabled="item.disabled">
                                </el-option>
                            </el-select>
                        </el-form-item>
                        <el-form-item>
                            <el-button type="primary" @click="searchWt" style="margin-left: 20px;">搜索</el-button>
                            <el-button type="primary" @click="resetWt" style="margin-left: 20px;">重置</el-button>
                        </el-form-item>
                    </el-form>
                </div>
                <div style="display: flex;flex-direction: column;justify-content: center;align-items: center;">
                    <table style="width: 80%;border-collapse: collapse;max-height: 430px;overflow-y: scroll;">
                        <colgroup>
                            <col width=70>
                            </col>
                            <col width=70>
                            </col>
                            <col width=70>
                            </col>
                            <col width=70>
                            </col>
                            <col width=70>
                            </col>
                        </colgroup>
                        <tr style="background: #438df9;color: #fff; background-size: 100% 100%;height: 47px;">
                            <th style="font-size: 24px;color: #fff;">项目名称</th>
                            <th style="font-size: 24px;color: #fff;">项目状态</th>
                            <th style="font-size: 24px;color: #fff;">所属区县</th>
                            <th style="font-size: 24px;color: #fff;">开工状态</th>
                            <th style="font-size: 24px;color: #fff;">问题上报</th>
                        </tr>
                    </table>
                    <div style="width: 80%;height: 395px;overflow-y: scroll;" v-loading="wtsbLoading">
                        <!-- <vue-seamless-scroll ref="scrollContainer"  :data="wtsbData" :class-option="seamless_option3" class="seamless-warp"> -->
                        <!-- <div v-for="(item,index) in textList">
              <div style=" padding: 12px 0px;font-size: 26px;">{{item}}</div>
              <div style="font-size: 26px;">回复：</div>
              <div style="padding: 28px 0;" v-if="index == 2"></div>
            </div> -->
                        <table class="table-content" cellpadding="0" cellspacing="0"
                            style="width: 100%;border-bottom: 1px solid #454b56;">
                            <colgroup>
                                <col>
                                </col>
                                <col>
                                </col>
                                <col>
                                </col>
                                <col>
                                </col>
                                <col>
                                </col>
                            </colgroup>
                            <tbody>
                                <div>
                                    <tr v-for="(item,index) in wtsbData" :key="index" style="height: 56px;">
                                        <td
                                            style="width: 20%;font-size: 20px;text-align: center;border-top: 1px solid #454b56;border-left: 1px solid #454b56;">
                                            <div
                                                style="width: 196px;white-space: nowrap; overflow: hidden; text-overflow: ellipsis;">
                                                {{item.name}}</div>
                                        </td>
                                        <td
                                            style="width: 20%;font-size: 20px;text-align: center;border-top: 1px solid #454b56;">
                                            <div>{{getStatusLabel(item.status)}}</div>
                                        </td>
                                        <td
                                            style="width: 20%;font-size: 20px;text-align: center;border-top: 1px solid #454b56;">
                                            <div>{{item.dependcyTownStreet}}</div>
                                        </td>
                                        <td
                                            style="width: 20%;font-size: 20px;text-align: center;border-top: 1px solid #454b56;">
                                            <div>{{item.isBegin=='Y' ? '已开工' : '未开工'}}</div>
                                        </td>
                                        <td style="width: 20%;font-size: 20px;text-align: center;border-top: 1px solid #454b56;border-right: 1px solid #454b56;cursor: pointer;"
                                            @click="showSb(item)"><img src="./img_new_new/上报按钮.png" alt=""></td>
                                    </tr>
                                </div>
                            </tbody>
                        </table>
                        <!-- </vue-seamless-scroll> -->
                    </div>
                </div>
            </el-dialog>
            <el-dialog :visible.sync="sbdialog" width="45%" append-to-body class="sbdialogStyle">
                <div class="sbcontent" style="padding: 0 70px;display: flex;">
                    <table style="width: 119px;background: #438df9;">
                        <tr style="height: 53px;">
                            <td style="border-bottom: 1px solid #98B0C7;color:#fff">项目名称</td>
                        </tr>
                        <tr style="height: 53px;">
                            <td style="border-bottom: 1px solid #98B0C7;color:#fff">项目状态</td>
                        </tr>
                        <tr style="height: 53px;">
                            <td style="border-bottom: 1px solid #98B0C7;color:#fff">所属区县</td>
                        </tr>
                        <tr style="height: 53px;">
                            <td style="color:#fff">开工状态</td>
                        </tr>
                    </table>
                    <table style="width: 315px;border: 1px solid #98B0C7;">
                        <tr style="height: 53px;">
                            <td style="border-bottom: 1px solid #98B0C7;text-align: left;">{{wentiForm.name ||
                                wentiForm.projectName}}</td>
                        </tr>
                        <tr style="height: 53px;">
                            <td style="border-bottom: 1px solid #98B0C7;text-align: left;">
                                {{getStatusLabel(wentiForm.status || wentiForm.projectStatus)}}</td>
                        </tr>
                        <tr style="height: 53px;">
                            <td style="border-bottom: 1px solid #98B0C7;text-align: left;">
                                {{wentiForm.dependcyTownStreet}}</td>
                        </tr>
                        <tr style="height: 53px;">
                            <td style="text-align: left;">{{wentiForm.isBegin == 'Y' ? '已开工' : '未开工'}}</td>
                        </tr>
                    </table>
                    <el-input type="textarea" v-model="wentiForm.problem" placeholder="请输入上报问题详情"
                        class="wtsbxq"></el-input>
                </div>
                <el-upload class="upload-demo" :action="uploadFileUrl" :on-preview="handlePreview" :headers="headers"
                    :on-remove="handleRemove" :before-remove="beforeRemove" multiple :limit="1"
                    :on-success="handleUploadSuccess" :file-list="fileList">
                    <el-button size="small" type="primary">点击上传</el-button>
                    <!-- <div slot="tip" class="el-upload__tip">只能上传jpg/png文件，且不超过500kb</div> -->
                </el-upload>
                <span slot="footer" class="dialog-footer">
                    <div type="primary"><img src="./img_new_new/确认上报按钮.png" alt="" @click="confirmSb"
                            style="cursor: pointer;"></div>
                </span>
            </el-dialog>
            <el-dialog title="领导签批" :visible.sync="showSignI" append-to-body class="diaFives" style="padding: 5%;">
                <div style="width: 90%;margin: auto;padding-bottom: 5%;">
                    <el-form :model="formSignI">
                        <el-form-item label="内容">
                            <el-input disabled v-model="formSignI.content"></el-input>
                        </el-form-item>
                        <el-form-item label="回复">
                            <el-input v-model="formSignI.replyContent"></el-input>
                        </el-form-item>
                    </el-form>
                    <div slot="footer" class="dialog-footer">
                        <el-button type="primary" @click="showSignI = false;formSignI={};">取 消</el-button>
                        <el-button type="primary" @click="sumbitSignI">确 定</el-button>
                    </div>
                </div>
            </el-dialog>
            <el-dialog :visible.sync="qpdialog" width="45%" append-to-body class="qpdialogStyle">
                <div class="sbcontent" style="padding: 0 70px;display: flex;">
                    <el-form ref="form" :model="qpform" label-width="80px" style="width: 80%;">
                        <el-form-item label="所属区县">
                            <el-input v-model="qpform.dependcyTownStreet" :disabled="true"></el-input>
                        </el-form-item>
                        <el-form-item label="责任部门">
                            <el-input v-model="qpform.deptName" :disabled="true"></el-input>
                        </el-form-item>
                        <el-form-item label="签批">
                            <el-input type="textarea" v-model="qpform.signInfo" placeholder="请输入内容"
                                class="qpcontent"></el-input>
                        </el-form-item>
                    </el-form>
                </div>
                <span slot="footer" class="dialog-footer">
                    <div type="primary" @click="confirmQp" style="cursor: pointer;"><img src="./img_new_new/qp/签批按钮.png"
                            alt=""></div>
                </span>
            </el-dialog>
            <el-dialog :visible.sync="zcdialog" width="45%" append-to-body class="zcdialogStyle">
                <div>
                    <el-form :model="zcform" ref="zcform" label-width="100px" class="demo-ruleForm">
                        <el-row>
                            <el-col :span="12">
                                <el-form-item label="名称" prop="name">
                                    <el-input v-model="zcform.name" clearable></el-input>
                                </el-form-item>
                            </el-col>
                            <el-col :span="12">
                                <el-form-item>
                                    <el-button type="primary" @click="getZc">确 定</el-button>
                                </el-form-item>
                            </el-col>
                        </el-row>

                    </el-form>
                </div>
                <div style="padding: 0 3%;height: 550px;overflow-y: scroll;margin-right: -3%;">
                    <div v-for="item in zhengceList1" :key="item.id" class="zhengce"
                        style="display: flex;justify-content: space-between;width: 100%;height: 30px;line-height: 30px;border-bottom: 1px solid #454b56;">
                        <div style="font-size: 16px;width: 90%;text-wrap: nowrap;text-overflow: ellipsis;">{{item.name}}
                        </div>
                        <div style="font-size: 16px;color: #21e2ff;" @click="goZC(item)">查看</div>
                    </div>
                </div>
            </el-dialog>
            <el-dialog :visible.sync="jbdialog" width="45%" append-to-body class="zcdialogStyle">
                <div style="font-size: 28px;
      margin-bottom: 12px;
      text-align: center;">简报</div>
                <div style="padding: 0 3%;height: 550px;overflow-y: scroll;margin-right: -3%;">
                    <div v-for="item in jbList" :key="item.id" class="zhengce"
                        style="display: flex;justify-content: space-between;width: 100%;height: 30px;line-height: 30px;border-bottom: 1px solid #454b56;">
                        <div style="font-size: 16px;width: 90%;text-wrap: nowrap;text-overflow: ellipsis;">
                            {{item.fileName}}</div>
                        <div style="font-size: 16px;color: #21e2ff;" @click="goJb(item)">查看</div>
                    </div>
                </div>
            </el-dialog>
            <el-dialog :visible.sync="yjdialog2" width="75%" append-to-body class="yjdialogStyle"
                @closed="yjdialog2 = false;showList_xietongyujing = false;showList_deep_xietongyujing = false">
                <i v-show="showList_xietongyujing" class="el-icon-back" @click="showList_xietongyujing = false"
                    style="position: absolute;top: 28px;right: 80px;font-size: 28px;cursor: pointer;"></i>
                <i v-show="showList_deep_xietongyujing" class="el-icon-back"
                    @click="backbtn_showList_deep_xietongyujing"
                    style="position: absolute;top: 28px;right: 80px;font-size: 28px;cursor: pointer;"></i>
                <div style="font-size: 25px;font-family: 'medium';color: #fff;position: absolute;top:15px;left: 35px;">
                    项目协同预警</div>
                <div style="position: absolute;top: 25px;right: 25px;"
                    @click="yjdialog2 = false;showList_xietongyujing = false;showList_deep_xietongyujing = false"><img
                        src="./img_new_new/new/关闭.png" alt=""></div>
                <div v-show="!showList_xietongyujing && !showList_deep_xietongyujing">
                    <div style="position: absolute;display: flex;right: 100px;top: 25px;">
                        <div v-show="areaCode == 3715" @click="getChartData(1)"
                            style="cursor: pointer; margin-right: 12px;width: 119px;height: 33px;line-height: 33px;text-align: center;font-size: 18px;font-family: light;"
                            :style="{background: actionXt == 1 ? 'url(./img_new_new/new/选中.png) no-repeat':'url(./img_new_new/new/未选中.png) no-repeat',color:actionXt == 1? '#fff' :'#0469ff'}">
                            市直部门</div>
                        <div @click="getChartData(2)"
                            style="cursor: pointer;width: 119px;height: 33px;line-height: 33px;text-align: center;font-size: 18px;font-family: light;"
                            :style="{background: actionXt == 2 ? 'url(./img_new_new/new/选中.png) no-repeat':'url(./img_new_new/new/未选中.png) no-repeat',color:actionXt == 2? '#fff' :'#0469ff'}">
                            区县</div>
                    </div>
                    <div
                        style="height: 450px;width: 100%;display:flex;margin-top: 30px;flex-direction: column;position: relative;">
                        <div id="xtEchart" style="width: 100%;height: 100%;"></div>
                    </div>
                </div>
                <div v-show="showList_xietongyujing" style="margin-top: 5%;position: relative;">
                    <!-- @row-dblclick="getListData_deep_xietongyujing" -->
                    <el-table :data="tableData_xietongyujing" height="450" style="width: 100%">
                        <!-- <el-table-column
          prop="projectCode"
          label="项目代码">
        </el-table-column>
        <el-table-column
          prop="projectName"
          label="项目名称">
        </el-table-column> -->
                        <el-table-column prop="orgName" label="部门名称">
                        </el-table-column>
                        <el-table-column prop="total" label="逾期环节数">
                        </el-table-column>
                        <!-- <el-table-column
          prop="activityName"
          label="办理环节">
        </el-table-column>
        <el-table-column
          prop="overdueTime"
          label="逾期时间">
        </el-table-column> -->
                    </el-table>
                </div>
                <div v-show="showList_deep_xietongyujing" style="margin-top: 5%;position: relative;">
                    <el-table :data="tableData_deep_xietongyujing" height="450" style="width: 100%">
                        <!-- <el-table-column
          prop="projectCode"
          label="项目代码"> -->
                        </el-table-column>
                        <el-table-column prop="projectName" label="项目名称">
                        </el-table-column>
                        <el-table-column prop="orgName" label="部门名称">
                        </el-table-column>
                        <!-- <el-table-column
          prop="total"
          label="逾期环节数">
        </el-table-column> -->
                        <el-table-column prop="activityName" label="办理环节">
                        </el-table-column>
                        <el-table-column prop="overdueTime" label="逾期时间">
                        </el-table-column>
                    </el-table>
                </div>
            </el-dialog>
            <el-dialog :visible.sync="yjdialog" width="55%" append-to-body class="yjdialogStyle">
                <!-- <img src="./img/tz.png" alt=""> -->
                <!-- <div style="color: #333;cursor: pointer;display: flex;float: right;">
          <img src="./img_new_new/new/red.png" alt="">
          <div>审批逾期</div>
          <img src="./img_new_new/new/yellow.png" alt="">
          <div>审批到期</div>
        </div> -->
                <div style="font-size: 25px;font-family: 'medium';color: #fff;position: absolute;top: 15px;left: 35px;">
                    项目逾期预警</div>
                <div style="position: absolute;top: 25px;right: 25px;" @click="yjdialog = false"><img
                        src="./img_new_new/new/关闭.png" alt=""></div>
                <div style="position: absolute;    display: flex;
        top: 14%;
        align-items: center;">
                    <div v-for="(v,i) in ['到期','审批到期','审批逾期','逾期']" style="    display: flex;
          align-items: center;
          margin-right: 8px;">
                        <img :src="`./img_new_new/status/${v}.png`" alt=""><span>{{v}}</span>
                    </div>
                </div>
                <div
                    style="height: 355px; width: 100%;display:flex;margin-top: 125px;flex-direction: column;overflow-y: scroll;">

                    <table class="table-content" cellpadding="0" cellspacing="0" style="width: 100%;">
                        <colgroup>
                            <col width=200px>
                            </col>
                            <col width=110px>
                            </col>
                            <col width=150px>
                            </col>
                            <col width=70px>
                            </col>
                        </colgroup>
                        <thead>
                            <!-- <tr v-if="yjType == 1">
                <th style="text-align: center;color: #245896;">项目名称</th>
                <th style="text-align: center;color: #245896;">办理环节</th>
                <th style="text-align: center;color: #245896;">逾期时间</th>
                <th style="text-align: center;color: #245896;">领导签批</th>
              </tr> -->
                            <tr>
                                <th style="text-align: center;">项目名称</th>
                                <th style="text-align: center;">事项名称</th>
                                <th style="text-align: center;">审批进度</th>
                                <th style="text-align: center;">领导签批</th>
                            </tr>
                        </thead>
                    </table>
                    <table class="table-content" cellpadding="0" cellspacing="0"
                        style="width: 100%;border-collapse:separate; border-spacing:0px 10px;">
                        <colgroup>
                            <col width=200px>
                            </col>
                            <col width=110px>
                            </col>
                            <col width=150px>
                            </col>
                            <col width=70px>
                            </col>
                        </colgroup>
                        <tbody>
                            <!-- <div v-if="yjType == 1">
                        <tr v-for="(item,index) in yjdataList0" :key="index" style="cursor: pointer;height:30px;line-height: 30px;">
                            <td><div style="color: #245896;" :title="item.projectsName">{{item.projectsName}}</div></td>
                            <td><div style="color: #245896;white-space: nowrap; overflow: hidden; text-overflow: ellipsis;" :title="item.activityName">{{item.activityName}}</div></td>
                            <td><div style="color: #245896;white-space: nowrap; overflow: hidden; text-overflow: ellipsis;" :title="item.overdueTime">{{item.overdueTime}}</div></td>
                            <td style="font-size: 16px;text-align: center;cursor: pointer;" @click.stop="xmyjqp(item)">签批</td>
                          </tr>
                    </div> -->
                            <div>
                                <tr v-for="(item,index) in yjdataList" :key="index"
                                    style="cursor: pointer;background: #DBEFFD;line-height:20px;font-size:16px;"
                                    @click="openYjList()">
                                    <td>
                                        <div style="width: 250px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;font-size: 13px;color:#416CA1;"
                                            :title="item.projectName">{{item.projectName}}</div>
                                    </td>
                                    <td>
                                        <div style="width: 100px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;font-size: 13px;color:#416CA1;"
                                            :title="item.mattersName">{{item.mattersName}}</div>
                                    </td>
                                    <!-- <td><div style="width: 100px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;font-size: 13px;color:#416CA1;" :title="item.overdueTime">{{item.orgName}}</div></td> -->
                                    <td>
                                        <!-- <img :src="`./img_new_new/status/${['到期','审批到期','审批逾期','逾期'][index]}.png`" alt=""> -->
                                        <img :src="`./img_new_new/status/${['到期','审批到期','审批逾期','逾期'][3]}.png`" alt="">
                                    </td>
                                    <td style="font-size: 13px;text-align: center;cursor: pointer;color:#416CA1;"
                                        @click.stop="xmyjqp(item)">签批</td>
                                </tr>
                            </div>
                        </tbody>
                    </table>
                </div>
            </el-dialog>
            <!-- 项目分析弹窗开始 -->
            <el-dialog :visible.sync="showImgLv" :width="projectAnalysisDialogWidth" append-to-body
                class="project-analysis-dialog" @close="showImgLv=undefined">
                <!-- 省级项目开工率开始 -->
                <div class="project-analysis-dialog-wrapper">
                    <div class="project-analysis-dialog-content" v-show="showImgLv === 1">
                        <!-- <img :src="'./img_new_new/lv'+showImgLv+'.png'" style="width: 100%" alt=""> -->
                        <h2 class="project-analysis-title">聊城市2024年省级重点项目1-4月份投资进度汇总表(实施类)<span
                                class="sub-title">单位：个、亿元</span></h2>
                        <div class="project-analysis-table project-analysis-table-pair">
                            <el-table :data="projectOperatingRateProvince" stripe
                                header-row-class-name="project-analysis-table-header" style="margin-right: 10px;">
                                <el-table-column prop="dependcyTownStreet" label="县(市、区)" align="center">
                                </el-table-column>
                                <el-table-column label="省重大项目" align="center">
                                    <el-table-column prop="total" label="实施类项目个数" align="center">
                                    </el-table-column>
                                    <el-table-column prop="investment" label="总投资" align="center"
                                        :formatter="formatCurrency">
                                    </el-table-column>
                                    <el-table-column prop="investmentPlan" label="2024年计划投资" align="center"
                                        :formatter="formatCurrency">
                                    </el-table-column>
                                    <el-table-column prop="kaiGongNum" label="开工项目个数" align="center">
                                    </el-table-column>
                                    <el-table-column prop="kaiGongRatio" label="开工率" align="center"
                                        :formatter="formatPercent">
                                    </el-table-column>
                                    <el-table-column prop="kaiGongRank" label="排名" align="center"
                                        :formatter="formatRank">
                                    </el-table-column>
                                </el-table-column>
                            </el-table>
                            <el-table :data="projectOperatingRateProvinceHighQuality" stripe
                                header-row-class-name="project-analysis-table-header">
                                <el-table-column prop="dependcyTownStreet" label="县(市、区)" align="center">
                                </el-table-column>
                                <el-table-column label="省高质量发展项目" align="center">
                                    <el-table-column prop="total" label="实施类项目个数" align="center">
                                    </el-table-column>
                                    <el-table-column prop="investment" label="总投资" align="center"
                                        :formatter="formatCurrency">
                                    </el-table-column>
                                    <el-table-column prop="investmentPlan" label="2024年计划投资" align="center"
                                        :formatter="formatCurrency">
                                    </el-table-column>
                                    <el-table-column prop="kaiGongNum" label="开工项目个数" align="center">
                                    </el-table-column>
                                    <el-table-column prop="kaiGongRatio" label="开工率" align="center"
                                        :formatter="formatPercent">
                                    </el-table-column>
                                    <el-table-column prop="kaiGongRank" label="排名" align="center"
                                        :formatter="formatRank">
                                    </el-table-column>
                                </el-table-column>
                            </el-table>
                        </div>
                    </div>
                    <!-- 省级项目开工率结束 -->
                    <!-- 省级项目纳统率开始 -->
                    <div class="project-analysis-dialog-content" v-show="showImgLv === 2">
                        <!-- <img :src="'./img_new_new/lv'+showImgLv+'.png'" style="width: 100%" alt=""> -->
                        <h2 class="project-analysis-title">聊城市2024年省级重点项目1-4月实施类纳统情况</h2>
                        <div class="project-analysis-table project-analysis-table-pair">
                            <el-table :data="integrateManagementRateProvince" stripe
                                header-row-class-name="project-analysis-table-header">
                                <el-table-column prop="dependcyTownStreet" label="区划" align="center">
                                </el-table-column>
                                <el-table-column label="省重大项目" align="center">
                                    <el-table-column prop="total" label="个数(个)" align="center">
                                    </el-table-column>
                                    <el-table-column prop="naTongNum" label="已纳统个数(个)" align="center">
                                    </el-table-column>
                                    <el-table-column prop="naTongRatio" label="纳统率" align="center"
                                        :formatter="formatPercent">
                                    </el-table-column>
                                    <el-table-column prop="naTongRank" label="排名" align="center"
                                        :formatter="formatRank">
                                    </el-table-column>
                                </el-table-column>
                            </el-table>
                            <el-table :data="highQualityRateProvince" stripe
                                header-row-class-name="project-analysis-table-header" style="margin-left: 15px;">
                                <el-table-column prop="dependcyTownStreet" label="区划" align="center">
                                </el-table-column>
                                <el-table-column label="省高质量发展项目" align="center">
                                    <el-table-column prop="total" label="个数(个)" align="center">
                                    </el-table-column>
                                    <el-table-column prop="naTongNum" label="已纳统个数(个)" align="center">
                                    </el-table-column>
                                    <el-table-column prop="naTongRatio" label="纳统率" align="center"
                                        :formatter="formatPercent">
                                    </el-table-column>
                                    <el-table-column prop="naTongRank" label="排名" align="center"
                                        :formatter="formatRank">
                                    </el-table-column>
                                </el-table-column>
                            </el-table>
                        </div>
                    </div>
                    <!-- 省级项目纳统率结束 -->
                    <!-- 省级手续完成率开始 -->
                    <div class="project-analysis-dialog-content" v-show="showImgLv === 3">
                        <!-- <img :src="'./img_new_new/lv'+showImgLv+'.png'" style="width: 100%" alt=""> -->
                        <h2 class="project-analysis-title">聊城市2024年省级重点项目实施类手续完成情况</h2>
                        <div class="project-analysis-table project-analysis-table-pair">
                            <el-table :data="processedProvince" stripe
                                header-row-class-name="project-analysis-table-header">
                                <el-table-column prop="dependcyTownStreet" label="区划" align="center">
                                </el-table-column>
                                <el-table-column label="省重大项目" align="center">
                                    <el-table-column prop="shouXuRatio" label="手续完成率" align="center"
                                        :formatter="formatPercent">
                                    </el-table-column>
                                    <el-table-column prop="shouXuRank" label="排名" align="center"
                                        :formatter="formatRank">
                                    </el-table-column>
                                </el-table-column>
                            </el-table>
                            <div style="width: 25px;"></div>
                            <el-table :data="processedProvinceGaozhiliang" stripe
                                header-row-class-name="project-analysis-table-header">
                                <el-table-column prop="dependcyTownStreet" label="区划" align="center">
                                </el-table-column>
                                <el-table-column label="省高质量发展项目" align="center">
                                    <el-table-column prop="shouXuRatio" label="手续完成率" align="center"
                                        :formatter="formatPercent">
                                    </el-table-column>
                                    <el-table-column prop="shouXuRank" label="排名" align="center"
                                        :formatter="formatRank">
                                    </el-table-column>
                                </el-table-column>
                            </el-table>
                        </div>
                    </div>
                    <!-- 省级手续完成率结束 -->
                    <!-- 市级项目开工率开始 -->
                    <div class="project-analysis-dialog-content" v-show="showImgLv === 4">
                        <!-- <img :src="'./img_new_new/lv'+showImgLv+'.png'" style="width: 100%" alt=""> -->
                        <h2 class="project-analysis-title">聊城市2024年市级重点项目1-4月份投资进度汇总表(实施类)<span
                                class="sub-title">单位：个、亿元</span></h2>
                        <div class="project-analysis-table">
                            <el-table :data="projectOperatingRateCity" stripe
                                header-row-class-name="project-analysis-table-header">
                                <el-table-column prop="dependcyTownStreet" label="县(市、区)" align="center">
                                </el-table-column>
                                <el-table-column prop="total" label="实施类项目个数" align="center" width="150">
                                </el-table-column>
                                <el-table-column prop="investment" label="总投资" align="center"
                                    :formatter="formatCurrency" width="150">
                                </el-table-column>
                                <el-table-column prop="investmentPlan" label="2024年计划投资" align="center"
                                    :formatter="formatCurrency" width="150">
                                </el-table-column>
                                <el-table-column label="开工情况" align="center">
                                    <el-table-column prop="kaiGongNum" label="开工项目个数" align="center" width="150">
                                    </el-table-column>
                                    <el-table-column prop="kaiGongRatio" label="开工率" align="center"
                                        :formatter="formatPercent" width="150">
                                    </el-table-column>
                                    <el-table-column prop="kaiGongRank" label="排名" align="center"
                                        :formatter="formatRank" width="150">
                                    </el-table-column>
                                </el-table-column>
                            </el-table>
                        </div>
                    </div>
                    <!-- 市级项目开工率结束 -->
                    <!-- 市级项目纳统率开始 -->
                    <div class="project-analysis-dialog-content" v-show="showImgLv === 5">
                        <!-- <img :src="'./img_new_new/lv'+showImgLv+'.png'" style="width: 100%" alt=""> -->
                        <h2 class="project-analysis-title">聊城市2024年市级重点项目1-4月实施类纳统情况</h2>
                        <div class="project-analysis-table">
                            <el-table :data="integrateManagementRateCity" stripe
                                header-row-class-name="project-analysis-table-header">
                                <el-table-column prop="dependcyTownStreet" label="区划" align="center">
                                </el-table-column>
                                <el-table-column label="市级重点项目" align="center">
                                    <el-table-column prop="total" label="个数(个)" align="center">
                                    </el-table-column>
                                    <el-table-column prop="naTongNum" label="已纳统个数(个)" align="center">
                                    </el-table-column>
                                    <el-table-column prop="naTongRatio" label="纳统率" align="center"
                                        :formatter="formatPercent">
                                    </el-table-column>
                                    <el-table-column prop="naTongRank" label="排名" align="center"
                                        :formatter="formatRank">
                                    </el-table-column>
                                    <!-- <el-table-column
                  prop="tuiKuNumZd"
                  label="已退库项目(个)"
                  align="center">
                </el-table-column> -->
                                </el-table-column>
                            </el-table>
                        </div>
                    </div>
                    <!-- 市级项目纳统率结束 -->
                    <!-- 市级手续完成率开始 -->
                    <div class="project-analysis-dialog-content" v-show="showImgLv === 6">
                        <!-- <img :src="'./img_new_new/lv'+showImgLv+'.png'" style="width: 100%" alt=""> -->
                        <h2 class="project-analysis-title">聊城市2024年市级重点项目实施类手续完成情况</h2>
                        <div class="project-analysis-table">
                            <el-table :data="processedCity" stripe
                                header-row-class-name="project-analysis-table-header">
                                <el-table-column prop="dependcyTownStreet" label="区划" align="center">
                                </el-table-column>
                                <el-table-column label="市级重点项目" align="center">
                                    <el-table-column prop="shouXuRatio" label="手续完成率" align="center"
                                        :formatter="formatPercent">
                                    </el-table-column>
                                    <el-table-column prop="shouXuRank" label="排名" align="center"
                                        :formatter="formatRank">
                                    </el-table-column>
                                </el-table-column>
                            </el-table>
                        </div>
                    </div>
                </div>
                <!-- 市级手续完成率结束 -->
            </el-dialog>
            <!-- 项目分析弹窗结束 -->
            <el-dialog :visible.sync="ddsbdialog" width="45%" append-to-body class="ddsbdialogStyle">
                <div class="sbcontent" style="padding: 0 70px;display: flex;">
                    <el-input type="textarea" v-model="problem" placeholder="请输入内容" class="qpcontent"
                        :rows="5"></el-input>
                </div>
                <span slot="footer" class="dialog-footer">
                    <div type="primary" @click="shagnbao" style="cursor: pointer;"><img src="./img_new_new/上报按钮.png"
                            alt=""></div>
                </span>
            </el-dialog>
            <el-dialog :visible.sync="ldzdialog" width="45%" append-to-body class="ldzdialogStyle">
                <div class="sbcontent" style="padding: 0 70px;display: flex;">
                    <div style="
                      color: #265B97;
                      font-size: 16px;
                      width: 50px;
                      height: 40px;
                      display: flex;
                      align-items: center;
                      padding-right: 12px;
                      box-sizing: border-box;
                  ">内容</div>
                    <el-input type="textarea" v-model="contentLdz" placeholder="请输入内容" class="qpcontent"
                        :rows="5"></el-input>
                </div>
                <div style="display: flex;padding: 10px 70px 0px 70px !important;align-items: center;">
                    <div style="
                            color: #265B97;
                            font-size: 16px;
                            width: 46px;
                            height: 40px;
                            display: flex;
                            align-items: center;
                            padding-right: 12px;
                            box-sizing: border-box;
                        ">附件</div>
                    <el-upload class="upload-demo style1" :action="uploadFileUrl" :on-preview="handlePreview"
                        :headers="headers" :on-remove="handleRemove4" :before-remove="beforeRemove4" multiple :limit="1"
                        :on-success="handleUploadSuccess4" :file-list="fileList">
                        <el-button size="small" type="primary">点击上传</el-button>
                    </el-upload>
                </div>
                <span slot="footer" class="dialog-footer">
                    <div type="primary" @click="submitLdz" style="cursor: pointer;"><img src="./img_new_new/qp/签批按钮.png"
                            alt=""></div>
                </span>
            </el-dialog>

            <el-dialog :visible.sync="ldzdialog2" width="90%" append-to-body class="ldzdialogStyle">
                <div class="sbcontent" style="display: flex;">
                    <el-input type="textarea" v-model="contentLdz2" placeholder="请输入内容" class="qpcontent"
                        :rows="5"></el-input>
                </div>
                <el-upload class="upload-demo" :action="uploadFileUrl" :on-preview="handlePreview" :headers="headers"
                    :on-remove="handleRemove2" :before-remove="beforeRemove2" multiple :limit="1"
                    :on-success="handleUploadSuccess2" :file-list="fileList">
                    <el-button size="small" type="primary">点击上传</el-button>
                </el-upload>
                <span slot="footer" class="dialog-footer">
                    <div class="btn" @click="submitLdz2" style="cursor: pointer;text-align: center;">确认签批</div>
                </span>
            </el-dialog>
            <el-dialog title="" :visible.sync="qpdialog2" @close="handleClose3" width="30%">
                <div class="dialog-content">
                    <div class="font1">签批</div>
                    <el-form :model="qpform2" ref="qpform2">
                        <el-form-item label="" prop="content"
                            :rules="[{ required: true, message: '请输入签批内容', trigger: 'blur' }]">
                            <div class="box2" style="width: 80%;margin: auto;">
                                <el-input type="textarea" v-model="qpform2.content" placeholder="请输入签批内容"
                                    class="qpcontent canceldrag"></el-input>
                            </div>
                        </el-form-item>
                    </el-form>
                    <el-upload class="upload-demo" :action="uploadFileUrl" :on-preview="handlePreview"
                        :headers="headers" :on-remove="handleRemove3" :before-remove="beforeRemove3" multiple :limit="1"
                        :on-success="handleUploadSuccess3" :file-list="fileList">
                        <el-button size="small" type="primary">点击上传</el-button>
                    </el-upload>
                    <div>
                        <div class="qpbtn" style="float: right;margin-top: 1vh;" @click="confirmQp2()">签批</div>
                    </div>
                </div>
            </el-dialog>
        </div>

    </div>
    <script type="text/javascript">
        function createPopup(e, datas) {
            if (window.vm.popup) {
                window.vm.popup.remove();
            }
            let html = `
                        <div class="makerView" style="margin-bottom: -1px;">
                            <p style="padding: 0 5px;
                            line-height: 27px;
                            letter-spacing: 10px;color: #fff;">`+ e.features[0].properties.name + `</p>
                        </div>
                        <div class="areaPop">
                            <div>
                            <p style="color: #fff;"> 项目总计`+ datas.zongShuLiang + `个，投资金额` + datas.zongTouZi + `亿元。</p>
                            <p style="color: #fff;"> 省级重点项目`+ datas.level[0].cou + `个，投资金额` + datas.levelInv[0].cou + `亿元。</p>
                            <p style="color: #fff;"> 聊城市项目`+ datas.level[5].cou + `个，投资金额` + datas.levelInv[5].cou + `亿元。</p>
                            </div>
                        </div>`;
            let popup = new mapboxgl.Popup({
                offset: 0,
                closeButton: false,
                className: 'popup'
            })
                .setLngLat([e.lngLat.lng, e.lngLat.lat])
                .setHTML(html);
            return popup

        }
        mapboxgl.setRTLTextPlugin(
            " https://api.mapbox.com/mapbox-gl-js/plugins/mapbox-gl-rtl-text/v0.1.0/mapbox-gl-rtl-text.js");
        mapboxgl.accessToken = "pk.eyJ1IjoiMTc2MDY0MDg2MjUiLCJhIjoiY2xpazJjbDlmMDEwNDNkcWZ4cW5kNDdidSJ9._FElWZHnNsJ1PHEXIoy3iA";
        // style: 'mapbox://styles/17606408625/cl7aju5gv004114lgeeyfgrai',
        map = new mapboxgl.Map({
            container: "map", zoom: 8.5, center: [115.98026928250374, 36.25961962338327], pitch: 0,
            bearing: -45, doubleClickZoom: false,
            style: "mapbox://styles/17606408625/cl07rhoer000f14s1qp3hf6it",
        });
        window.maps = map
        map.addControl(new MapboxLanguage({ defaultLanguage: "zh", }));
        let hoveredStateId = null;
        map.on("load", () => {
            map.scrollZoom.disable();
            $.ajax({
                url: window.vm.baseUrl + '/getInfo',
                type: "get",
                headers: {
                    Authorization: 'Bearer ' + localStorage.getItem('token')
                },
                data: {},
                success: function (response) {
                    $.ajax({
                        url: "./liaocheng.json",
                        type: "get",
                        success: function (resd) {
                            window.vm.liaocheng = response.user.areaCode == '3715' ? resd.features : resd.features.filter(item => {
                                return (item.properties.adcode + '000') == response.user.areaCode
                            })
                            var res = response.user.areaCode == '3715' ? resd : {
                                "type": "FeatureCollection",
                                "features": resd.features.filter(item => {
                                    return (item.properties.adcode + '000') == response.user.areaCode
                                })
                            }
                            map.loadImage('./img_new/mapback.png', function (error, image) {
                                if (error) throw error;
                                map.addImage('pattern-name', image);
                                map.addSource("maine_copy", {
                                    type: "geojson",
                                    lineMetrics: true,
                                    data: res,
                                });

                                map.addSource("maine", {
                                    type: "geojson",
                                    lineMetrics: true,
                                    data: res,
                                });



                                map.addLayer({
                                    id: "outlines",
                                    type: "line",
                                    source: "maine_copy",
                                    layout: {},
                                    paint: {
                                        "line-color": "#51647d",
                                        "line-width": 2,
                                        "line-opacity": 1,
                                        // 'line-blur': 8,
                                        "line-translate": [20, 24],
                                    },
                                });
                                map.addLayer({
                                    id: "outlinesss",
                                    type: "line",
                                    source: "maine",
                                    layout: {},
                                    paint: {
                                        "line-color": "#79879a",
                                        "line-width": 2,
                                        "line-opacity": 1,
                                        // 'line-blur': 8,
                                        "line-translate": [10, 12],
                                    },
                                });
                                map.addLayer({
                                    id: "maines",
                                    type: "fill",
                                    source: "maine_copy", // reference the data source
                                    layout: {},
                                    paint: {
                                        "fill-color": "rgba(0,0,0,0)", // blue color fill
                                        "fill-opacity": 0.6,
                                        "fill-translate": [-2, 8],
                                    },
                                });

                                window.vm.liaocheng.forEach(function (province) {
                                    map.addLayer({
                                        id: province.properties.name, // 使用省份名称作为图层ID
                                        type: 'fill',
                                        source: {
                                            type: 'geojson',
                                            data: province // 添加当前省份的GeoJSON数据
                                        },
                                        layout: {},
                                        paint: {
                                            'fill-pattern': 'pattern-name' // 使用之前添加的图片作为填充模式
                                        }
                                    });
                                });
                                map.addLayer({
                                    id: "mainec",
                                    type: "fill",
                                    filter: ["==", ["id"], ""],
                                    source: "maine", // reference the data source
                                    layout: {},
                                    paint: {
                                        "fill-color": "#fcbf2c", // blue color fill
                                        "fill-opacity": 1,
                                        // 'fill-sort-key': 5
                                    },
                                });
                                // map.addLayer({
                                //     id: "maine",
                                //     type: "fill",
                                //     source: "maine", // reference the data source
                                //     layout: {},
                                //     paint: {
                                //         "fill-color": "#ffffff", // blue color fill
                                //         "fill-opacity": 1,
                                //         // 'fill-sort-key': 5
                                //     },
                                // });
                                map.on('mousemove', 'maine', (e) => {
                                    map.setFilter("mainec", [
                                        "==",
                                        ["id"],
                                        e.features[0]?.id,
                                    ]);
                                    map.setFilter("maine", [
                                        "!=",
                                        ["id"],
                                        e.features[0]?.id,
                                    ]);
                                    // //console.log(e.features[0].properties.AREA_CODE, 'aaaaaaaaa')
                                });
                                map.on('mouseenter', 'mainec', (e) => {
                                    areaCode1 = e.features[0].properties.AREA_CODE.substr(0, e.features[0].properties.AREA_CODE.length - 3)
                                    var datas = null;
                                    datas = window.vm.mapList[areaCode1]
                                    window.vm.popup = createPopup(e, datas)
                                    window.vm.popup.addTo(map);
                                });
                                map.on('mouseleave', 'mainec', (e) => {
                                    ////console.log(0)
                                    map.setFilter("mainec", [
                                        "==",
                                        ["id"],
                                        544114,
                                    ]);
                                    map.setFilter("maine", [
                                        "!=",
                                        ["id"],
                                        544114,
                                    ]);
                                    window.vm.popup.remove();
                                    // $('.areaPop').remove()
                                });

                                map.addLayer({
                                    id: "outline",
                                    type: "line",
                                    source: "maine",
                                    layout: {},
                                    paint: {
                                        "line-color": "#fff",
                                        "line-width": 2,
                                        "line-opacity": 1,
                                    },
                                })

                                map.addLayer({
                                    id: 'areaName',
                                    type: 'symbol',
                                    source: "maine",
                                    layout: {
                                        // "icon-image": `livestock-icon`,
                                        "icon-size": 1,
                                        'text-field': "{name}",
                                        'text-offset': [0, -2],
                                        'text-anchor': 'top',
                                        'text-size': 14
                                    },
                                    paint: {
                                        "text-color": '#4c606e',
                                    },

                                })

                            });
                        },
                    });

                }
            })

        });
        map.on('click', clickEventCallback)
        // 点击事件绑定的回调函数
        var counter = 1;//计算下钻层数
        function clickEventCallback(e) {
            console.log(e, '当前地图不可下钻')
            // return
            const features = map.queryRenderedFeatures(e.point)
            if (features.length > 0 && counter == 1) {
                //console.log(features[0].properties, counter, '下钻区县', '当前下钻次数')
                window.vm.checkDrill(features[0])
                // //console.log(features[0])
                counter += counter
                window.vm._data.counter = 2

                clearInterval(window.vm.timer)

                // //console.log(counter, '应等于2');
                var areaCode = features[0].properties.adcode
                window.vm._data.isDrill = true
                window.vm.echarts()
                setTimeout(() => {
                    window.vm.timer = setInterval(window.vm.startTimer, 100);
                }, 2000)
                window.vm.clearTimeSet()
                window.vm.timeSet()
            } else {
                //console.log('地图不可下钻，已经是最底层')
                return
            }
        }

        var pointColor = null; //用来判断地图点标记颜色

        function checkboxOnclick(checkbox, level) {
            // window.vm.mapLoading(true)

            // //console.log(checkbox)
            // 省重大    1
            // 省优选    2
            // 省补短板  3
            // 临清市    4
            // 聊城市    5
            // 省双招    6
            pointColor = level
            // var currentMarkers1 = [];  // 标记点数组：省重大    1
            // var currentMarkers2 = [];  // 标记点数组：省优选    2
            // var currentMarkers3 = [];  // 标记点数组：省补短板  3
            // var currentMarkers4 = [];  // 标记点数组：临清市    4
            // var currentMarkers5 = [];  // 标记点数组：聊城市    5
            // var currentMarkers6 = [];  // 标记点数组：省双招    6
            var currentMarkers = { 1: [], 2: [], 3: [], 4: [], 5: [], 6: [], 9: [], 10: [], 11: [], 12: [], 13: [] }
            if (checkbox.checked == true) {
                $('.mapLoading').css({ display: 'block' })
                $.ajax({
                    url: localStorage.baseUrl + "/projectInfo/new/list?pageNum=1&pageSize=999&projectLevel=" + level + '&dependcyTownStreetCode=' + window.vm.areaCode + `&year=${window.vm.year}`,
                    headers: {
                        Authorization: 'Bearer ' + localStorage.getItem('token')
                    },
                    data: {
                        pageSize: 999
                    },
                    type: "get",
                    success: res => {
                        res.rows.forEach((item, index) => {
                            currentMarkers[pointColor].push(item)

                        })
                        createMarker(currentMarkers[pointColor])

                    },
                });
            } else {

                const currentMarkers = {
                    1: window.currentMarkers1,
                    2: window.currentMarkers2,
                    3: window.currentMarkers3,
                    4: window.currentMarkers4,
                    5: window.currentMarkers5,
                    9: window.currentMarkers9,
                    10: window.currentMarkers10,
                    11: window.currentMarkers11,
                    12: window.currentMarkers12,
                    13: window.currentMarkers13,
                    6: window.currentMarkers6
                };
                currentMarkers[pointColor] = [];
                $(`.marker${pointColor}`).remove();
                if ($(".mapboxgl-marker").length == 0) {
                    // window.vm.echarts();
                    window.counter = 1 //返回后使得地图点击事件可用
                    window.vm.counter = 1
                    window.vm.isDrill = false
                    window.vm.clearTimeSet()
                    window.vm.timeSet()
                    //console.log('当前地图可下钻')

                    window.maps.getSource('maine_copy').setData({
                        type: "FeatureCollection",
                        features: window.vm.conlist
                    })
                    window.maps.getSource('maine').setData({
                        type: "FeatureCollection",
                        features: window.vm.conlist
                    })
                    window.maps.flyTo({
                        center: [115.98026928250374, 36.25961962338327],
                        zoom: 8.5,
                        curve: 1,
                    })
                }
            }
        };

        function createMarker(e) {

            setTimeout(() => {
                e.forEach((item, index) => {
                    const markerInfo = {
                        1: { src: './img_new_new/3.png', color: '#00e1ff' },
                        2: { src: './img_new_new/5.png', color: '#78FF00' },
                        3: { src: './img_new_new/2.png', color: '#FF4649' },
                        // 4: { src: './img_new_new/6.png', color: '#EAD200' },
                        5: { src: './img_new_new/4.png', color: '#FF7A00' },
                        9: { src: './img_new_new/6.png', color: '#FF7A00' },
                        10: { src: './img_new_new/10.png', color: '#FF7A00' },
                        11: { src: './img_new_new/11.png', color: '#FF7A00' },
                        12: { src: './img_new_new/12.png', color: '#FF7A00' },
                        4: { src: './img_new_new/13.png', color: '#FF7A00' },
                        6: { src: './img_new_new/1.png', color: '#C86FFF' }
                    };
                    const info = markerInfo[pointColor];
                    const dom = document.createElement('img');
                    dom.width = 27;
                    dom.src = info.src;
                    dom.classList.add(`marker${pointColor}`);
                    dom.classList.add('makerOne');
                    const data = document.createAttribute('dataV');
                    data.nodeValue = JSON.stringify(item);
                    dom.attributes.setNamedItem(data);
                    const marker = new mapboxgl.Marker({ 'element': dom, "color": info.color }).setLngLat([item.longitude, item.dimension]).addTo(map);
                })
                // window.vm.mapLoading(false)
                $('.mapLoading').css({ display: 'none' })
                $('.makerOne').on('mouseenter', function (e) {
                    // //console.log(e.target.attributes.dataV.nodeValue,'/////')
                    e.stopPropagation()
                    window.vm.shadowObj = JSON.parse(e.target.attributes.dataV.nodeValue)
                    window.vm.showbox = true
                    window.vm.$nextTick(() => {
                        $('#shadow').css({ top: e.clientY + 20, left: e.clientX + 20 })
                    })
                    //console.log(window.vm.shadowObj)
                })
                $('.makerOne').on('click', function (e) {
                    e.stopPropagation()
                    // //console.log(e.target.attributes.dataV.nodeValue,'/////')
                    var id = JSON.parse(e.target.attributes.dataV.nodeValue).id
                    location.href = '../workInfo/index2.html?id=' + id
                })
                $('.makerOne').on('mouseleave', function (e) {
                    $('#shadow').css({ top: 0, left: 0 })
                    window.vm.showbox = false
                })
            }, 100);
        };

    </script>
    <script>
        !function (e, t) { "object" == typeof exports && "object" == typeof module ? module.exports = t(require("echarts")) : "function" == typeof define && define.amd ? define(["echarts"], t) : "object" == typeof exports ? exports["echarts-liquidfill"] = t(require("echarts")) : e["echarts-liquidfill"] = t(e.echarts) }(self, (function (e) { return (() => { "use strict"; var t = { 245: (e, t, a) => { a.r(t); var i = a(83); i.extendSeriesModel({ type: "series.liquidFill", optionUpdated: function () { var e = this.option; e.gridSize = Math.max(Math.floor(e.gridSize), 4) }, getInitialData: function (e, t) { var a = i.helper.createDimensions(e.data, { coordDimensions: ["value"] }), r = new i.List(a, this); return r.initData(e.data), r }, defaultOption: { color: ["#294D99", "#156ACF", "#1598ED", "#45BDFF"], center: ["50%", "50%"], radius: "50%", amplitude: "8%", waveLength: "80%", phase: "auto", period: "auto", direction: "right", shape: "circle", waveAnimation: !0, animationEasing: "linear", animationEasingUpdate: "linear", animationDuration: 2e3, animationDurationUpdate: 1e3, outline: { show: !0, borderDistance: 8, itemStyle: { color: "none", borderColor: "#294D99", borderWidth: 8, shadowBlur: 20, shadowColor: "rgba(0, 0, 0, 0.25)" } }, backgroundStyle: { color: "#E3F7FF" }, itemStyle: { opacity: .95, shadowBlur: 50, shadowColor: "rgba(0, 0, 0, 0.4)" }, label: { show: !0, color: "#294D99", insideColor: "#fff", fontSize: 50, fontWeight: "bold", align: "center", baseline: "middle", position: "inside" }, emphasis: { itemStyle: { opacity: .8 } } } }); const r = i.graphic.extendShape({ type: "ec-liquid-fill", shape: { waveLength: 0, radius: 0, radiusY: 0, cx: 0, cy: 0, waterLevel: 0, amplitude: 0, phase: 0, inverse: !1 }, buildPath: function (e, t) { null == t.radiusY && (t.radiusY = t.radius); for (var a = Math.max(2 * Math.ceil(2 * t.radius / t.waveLength * 4), 8); t.phase < 2 * -Math.PI;)t.phase += 2 * Math.PI; for (; t.phase > 0;)t.phase -= 2 * Math.PI; var i = t.phase / Math.PI / 2 * t.waveLength, r = t.cx - t.radius + i - 2 * t.radius; e.moveTo(r, t.waterLevel); for (var l = 0, o = 0; o < a; ++o) { var s = o % 4, h = n(o * t.waveLength / 4, s, t.waveLength, t.amplitude); e.bezierCurveTo(h[0][0] + r, -h[0][1] + t.waterLevel, h[1][0] + r, -h[1][1] + t.waterLevel, h[2][0] + r, -h[2][1] + t.waterLevel), o === a - 1 && (l = h[2][0]) } t.inverse ? (e.lineTo(l + r, t.cy - t.radiusY), e.lineTo(r, t.cy - t.radiusY), e.lineTo(r, t.waterLevel)) : (e.lineTo(l + r, t.cy + t.radiusY), e.lineTo(r, t.cy + t.radiusY), e.lineTo(r, t.waterLevel)), e.closePath() } }); function n(e, t, a, i) { return 0 === t ? [[e + .5 * a / Math.PI / 2, i / 2], [e + .5 * a / Math.PI, i], [e + a / 4, i]] : 1 === t ? [[e + .5 * a / Math.PI / 2 * (Math.PI - 2), i], [e + .5 * a / Math.PI / 2 * (Math.PI - 1), i / 2], [e + a / 4, 0]] : 2 === t ? [[e + .5 * a / Math.PI / 2, -i / 2], [e + .5 * a / Math.PI, -i], [e + a / 4, -i]] : [[e + .5 * a / Math.PI / 2 * (Math.PI - 2), -i], [e + .5 * a / Math.PI / 2 * (Math.PI - 1), -i / 2], [e + a / 4, 0]] } var l = function (e, t) { switch (e) { case "center": case "middle": e = "50%"; break; case "left": case "top": e = "0%"; break; case "right": case "bottom": e = "100%" }return "string" == typeof e ? (a = e, a.replace(/^\s+|\s+$/g, "")).match(/%$/) ? parseFloat(e) / 100 * t : parseFloat(e) : null == e ? NaN : +e; var a }; function o(e) { return e && 0 === e.indexOf("path://") } i.extendChartView({ type: "liquidFill", render: function (e, t, a) { var n = this, s = this.group; s.removeAll(); var h = e.getData(), d = h.getItemModel(0), p = d.get("center"), u = d.get("radius"), c = a.getWidth(), g = a.getHeight(), v = Math.min(c, g), f = 0, y = 0, m = e.get("outline.show"); m && (f = e.get("outline.borderDistance"), y = l(e.get("outline.itemStyle.borderWidth"), v)); var w, b, x, M = l(p[0], c), P = l(p[1], g), I = !1, S = e.get("shape"); "container" === S ? (I = !0, b = [(w = [c / 2, g / 2])[0] - y / 2, w[1] - y / 2], x = [l(f, c), l(f, g)], u = [Math.max(b[0] - x[0], 0), Math.max(b[1] - x[1], 0)]) : (b = (w = l(u, v) / 2) - y / 2, x = l(f, v), u = Math.max(b - x, 0)), m && (Y().style.lineWidth = y, s.add(Y())); var L = I ? 0 : M - u, C = I ? 0 : P - u, T = null; s.add(function () { var t = E(u); t.setStyle(e.getModel("backgroundStyle").getItemStyle()), t.style.fill = null, t.z2 = 5; var a = E(u); a.setStyle(e.getModel("backgroundStyle").getItemStyle()), a.style.stroke = null; var r = new i.graphic.Group; return r.add(t), r.add(a), r }()); var D = this._data, F = []; function E(e, t) { if (S) { if (o(S)) { var a = i.graphic.makePath(S.slice(7), {}), r = a.getBoundingRect(), n = r.width, l = r.height; n > l ? (l *= 2 * e / n, n = 2 * e) : (n *= 2 * e / l, l = 2 * e); var s = t ? 0 : M - n / 2, h = t ? 0 : P - l / 2; return a = i.graphic.makePath(S.slice(7), {}, new i.graphic.BoundingRect(s, h, n, l)), t && (a.x = -n / 2, a.y = -l / 2), a } if (I) { var d = t ? -e[0] : M - e[0], p = t ? -e[1] : P - e[1]; return i.helper.createSymbol("rect", d, p, 2 * e[0], 2 * e[1]) } return d = t ? -e : M - e, p = t ? -e : P - e, "pin" === S ? p += e : "arrow" === S && (p -= e), i.helper.createSymbol(S, d, p, 2 * e, 2 * e) } return new i.graphic.Circle({ shape: { cx: t ? 0 : M, cy: t ? 0 : P, r: e } }) } function Y() { var t = E(w); return t.style.fill = null, t.setStyle(e.getModel("outline.itemStyle").getItemStyle()), t } function k(t, a, n) { var o = I ? u[0] : u, s = I ? g / 2 : u, d = h.getItemModel(t), p = d.getModel("itemStyle"), c = d.get("phase"), v = l(d.get("amplitude"), 2 * s), f = l(d.get("waveLength"), 2 * o), y = s - h.get("value", t) * s * 2; c = n ? n.shape.phase : "auto" === c ? t * Math.PI / 4 : c; var m = p.getItemStyle(); if (!m.fill) { var w = e.get("color"), b = t % w.length; m.fill = w[b] } var x = new r({ shape: { waveLength: f, radius: o, radiusY: s, cx: 2 * o, cy: 0, waterLevel: y, amplitude: v, phase: c, inverse: a }, style: m, x: M, y: P }); x.shape._waterLevel = y; var S = d.getModel("emphasis.itemStyle").getItemStyle(); S.lineWidth = 0, x.ensureState("emphasis").style = S, i.helper.enableHoverEmphasis(x); var L = E(u, !0); return L.setStyle({ fill: "white" }), x.setClipPath(L), x } function q(e, t, a) { var i = h.getItemModel(e), r = i.get("period"), n = i.get("direction"), l = h.get("value", e), o = i.get("phase"); o = a ? a.shape.phase : "auto" === o ? e * Math.PI / 4 : o; var s, d; s = "auto" === r ? 0 === (d = h.count()) ? 5e3 : 5e3 * (.2 + (d - e) / d * .8) : "function" == typeof r ? r(l, e) : r; var p = 0; "right" === n || null == n ? p = Math.PI : "left" === n ? p = -Math.PI : "none" === n ? p = 0 : console.error("Illegal direction value for liquid fill."), "none" !== n && i.get("waveAnimation") && t.animate("shape", !0).when(0, { phase: o }).when(s / 2, { phase: p + o }).when(s, { phase: 2 * p + o }).during((function () { T && T.dirty(!0) })).start() } h.diff(D).add((function (t) { var a = k(t, !1), r = a.shape.waterLevel; a.shape.waterLevel = I ? g / 2 : u, i.graphic.initProps(a, { shape: { waterLevel: r } }, e), a.z2 = 2, q(t, a, null), s.add(a), h.setItemGraphicEl(t, a), F.push(a) })).update((function (t, a) { for (var r = D.getItemGraphicEl(a), l = k(t, !1, r), d = {}, p = ["amplitude", "cx", "cy", "phase", "radius", "radiusY", "waterLevel", "waveLength"], u = 0; u < p.length; ++u) { var c = p[u]; l.shape.hasOwnProperty(c) && (d[c] = l.shape[c]) } var v = {}, f = ["fill", "opacity", "shadowBlur", "shadowColor"]; for (u = 0; u < f.length; ++u)c = f[u], l.style.hasOwnProperty(c) && (v[c] = l.style[c]); I && (d.radiusY = g / 2), i.graphic.updateProps(r, { shape: d, x: l.x, y: l.y }, e), e.isUniversalTransitionEnabled && e.isUniversalTransitionEnabled() ? i.graphic.updateProps(r, { style: v }, e) : r.useStyle(v); var y = r.getClipPath(), m = l.getClipPath(); r.setClipPath(l.getClipPath()), r.shape.inverse = l.inverse, y && m && n._shape === S && !o(S) && i.graphic.updateProps(m, { shape: y.shape }, e, { isFrom: !0 }), q(t, r, r), s.add(r), h.setItemGraphicEl(t, r), F.push(r) })).remove((function (e) { var t = D.getItemGraphicEl(e); s.remove(t) })).execute(), d.get("label.show") && s.add(function (t) { var a = d.getModel("label"); var r, n, l, o = { z2: 10, shape: { x: L, y: C, width: 2 * (I ? u[0] : u), height: 2 * (I ? u[1] : u) }, style: { fill: "transparent" }, textConfig: { position: a.get("position") || "inside" }, silent: !0 }, s = { style: { text: (r = e.getFormattedLabel(0, "normal"), n = 100 * h.get("value", 0), l = h.getName(0) || e.name, isNaN(n) || (l = n.toFixed(0) + "%"), null == r ? l : r), textAlign: a.get("align"), textVerticalAlign: a.get("baseline") } }; Object.assign(s.style, i.helper.createTextStyle(a)); var p = new i.graphic.Rect(o), c = new i.graphic.Rect(o); c.disableLabelAnimation = !0, p.disableLabelAnimation = !0; var g = new i.graphic.Text(s), v = new i.graphic.Text(s); p.setTextContent(g), c.setTextContent(v); var f = a.get("insideColor"); v.style.fill = f; var y = new i.graphic.Group; y.add(p), y.add(c); var m = E(u, !0); return (T = new i.graphic.CompoundPath({ shape: { paths: t }, x: M, y: P })).setClipPath(m), c.setClipPath(T), y }(F)), this._shape = S, this._data = h }, dispose: function () { } }) }, 83: t => { t.exports = e } }, a = {}; function i(e) { if (a[e]) return a[e].exports; var r = a[e] = { exports: {} }; return t[e](r, r.exports, i), r.exports } return i.r = e => { "undefined" != typeof Symbol && Symbol.toStringTag && Object.defineProperty(e, Symbol.toStringTag, { value: "Module" }), Object.defineProperty(e, "__esModule", { value: !0 }) }, i(245) })() }));
        //# sourceMappingURL=echarts-liquidfill.min.js.map
    </script>
    <script type="text/javascript">


        var vm = new Vue({
            el: '#app',
            data() {
                // let baseUrl = localStorage.getItem('baseUrl')
                return {
                    actionXt: '1',
                    lvparams: {},
                    buildScale: '',
                    projectType: '',
                    hangyeDictList: [],
                    jineDictList: [],
                    problem: null,
                    zcform: {},
                    yjType: 1,
                    setColor: false,
                    activeLink: 0,
                    showImgLv: undefined,
                    yjshow: undefined,
                    types: undefined,
                    contentLdz: '',
                    contentLdz2: '',
                    loadingI: false,
                    intermediaryList: [],
                    totalI: 0,
                    queryParamsI: {
                        pageNum: 1,
                        pageSize: 10
                    },
                    showSignI: false,
                    formSignI: {},
                    ldzName: '',
                    ldzdialog: false,
                    ldzName2: undefined,
                    ldzPhone2: undefined,
                    deptName2: undefined,
                    ldzdialog2: false,
                    ddsbdialog: false,
                    zcdialog: false,
                    jbdialog: false,
                    yjdialog: false,
                    yjdialog2: false,
                    areaCode: 3715,
                    areaCodes: '',
                    options: [],
                    qpTitle: '',
                    actQp: undefined,
                    showQp: false,
                    activeNames: '',
                    activeNameChild: '',
                    cllY: '',
                    toolTipTimer: '',
                    yjdataList0: [],
                    yjdataList: [],
                    qpList: [{ name: 1 }, { name: 1 }, { name: 1 }, { name: 1 }, { name: 1 }, { name: 1 }, { name: 1 }, { name: 1 }, { name: 1 }, { name: 1 }, { name: 1 }, { name: 1 },],
                    toolTipTimer1: '',
                    textList: [
                        '张百顺同志对重点项目开工率进行批示。',
                        '刘文强同志对市发展改革委重点项目推进进行批示。',
                        '王峰同志对市自然资源和规划局土地要素保障进行批示。',
                    ],
                    zhengceList: [],
                    zhengceList1: [],
                    jbList: [],
                    timer1: '',
                    liaocheng: [],
                    seamless_option: {
                        singleHeight: 46,
                        autoPlay: true,
                        limitMoveNum: 3,
                        waitTime: 500,
                    },
                    seamless_option2: {
                        singleHeight: 46,
                        autoPlay: false,
                        limitMoveNum: 3,
                        waitTime: 500,
                    },
                    seamless_option3: {
                        singleHeight: 46,
                        autoPlay: false,
                        limitMoveNum: 3,
                        waitTime: 500,
                    },
                    formSignPrject: {},
                    showSignProject: false,
                    timer: '',
                    c1: '',
                    c2: '',
                    c3: '',
                    c4: '',
                    c5: '',
                    c6: '',
                    c9: '',
                    c10: '',
                    c11: '',
                    c12: '',
                    c13: '',
                    cllX: '',
                    showbox: false,
                    actPro: 2,
                    myChart3: '',
                    toolTipTimer3: '',
                    mapName: '',
                    shadowObj: {},
                    sslObj: undefined,
                    conlist: [],
                    show: false,
                    update: 0,
                    showPro: false,
                    loading: false,
                    loading1: false,
                    mapList: [],
                    baseUrl: '',
                    projectLevels: undefined,
                    counter: '',
                    dialogVisible: false,
                    chart1Data: [],
                    chart2Data: [],
                    chartStatusData: [],
                    popup: undefined,
                    chart2DataName: [],
                    progressList: [],
                    chart4Data: [],
                    shuiqiu: [],
                    shengji: undefined,
                    projectLevelList: [],
                    projectStatusList: [],
                    sysYesNoList: [],
                    //Tab页参数end
                    changeColor: 0,
                    changeColor1: 0,
                    changeColor2: 0,
                    total: 0,
                    showTable: false,
                    tableData: [],
                    isDrill: false,
                    showProS: false,
                    loadingPro: false,
                    startTimer: '',
                    objNotice: {},
                    year: null,
                    years: null,
                    qpAreaList: [],
                    areaList: [],
                    qpDeptList: [],
                    showQpDialog: false,
                    showSendQp: false,
                    formsQp: {},
                    showSign: false,
                    formSign: {},
                    deptList: [],
                    tableDataQp: [],
                    tableQpShow: false,
                    itemListForm: {
                        name: '',
                        dependcyTownStreetCode: '',
                        areaCode: '',
                        projectCode: ''
                    },
                    jdform: {
                        name: '',
                        dependcyTownStreet: '',
                    },
                    qpdialog: false,
                    qpform: {

                    },
                    wtsbdialog: false,
                    wtsbForm: {
                        name: '',
                        projectLevel: '',
                        status: ''
                    },
                    wtsbData: [],
                    sbdialog: false,
                    existid: '',
                    xmjbList: [],
                    xmztList: [
                        {
                            value: 'Y',
                            label: '已开工'
                        },
                        {
                            value: 'N',
                            label: '未开工'
                        }
                    ],
                    wtsbLoading: false,
                    wentiForm: {
                        name: '',
                        status: '',
                        dependcyTownStreet: '',
                        isBegin: '',
                    },
                    shangbaoId: '',
                    reportList: [],
                    reportIs: '0',
                    showReport: false,
                    formReport: {},
                    leadList: [],
                    guozhai: undefined,
                    tableType: '',
                    uploadFileUrl: localStorage.getItem('baseUrl') + "/system/attachment/uploadAttachmentUnRename", // 上传的图片服务器地址
                    headers: {
                        Authorization: 'Bearer ' + localStorage.getItem('token')
                    },
                    fileList: [],
                    attachmentUrl: '',
                    showAll: false,
                    // 项目弹窗数据
                    projectAnalysisDialogWidth: '80%',
                    projectOperatingRateProvince: [],
                    projectOperatingRateProvinceHighQuality: [],
                    integrateManagementRateProvince: [],
                    highQualityRateProvince: [],
                    processedProvince: [],
                    processedProvinceGaozhiliang: [],
                    projectOperatingRateCity: [],
                    integrateManagementRateCity: [],
                    processedCity: [],
                    qxZhblist: undefined,
                    qxZhbNamelist: undefined,
                    dataSign: undefined,
                    qpform2: {},
                    attachmentUrl3: undefined,
                    attachmentUrl4: undefined,
                    qpdialog2: false,
                    tableData_xietongyujing: [],
                    showList_xietongyujing: false,
                    tableData_deep_xietongyujing: [],
                    showList_deep_xietongyujing: false,
                    chartEvent_xietongyujing: false,
                    userRole: undefined,
                }
            },
            created() {
                const publicKey = "MIGfMA0GCSqGSIb3DQEBAQUAA4GNADCBiQKBgQC02jqV5mfgmJ6+q8BcR7/Bp/PX\n" +
                    "Gxv95+tcBFMaEidAY1ZRkMswnLW3rih6hwSs+m/qsJ8/GfZifvJ4mywr3REE7E7C\n" +
                    "GK0+m2cUIB1xXzPNA58YIS7gp33sh5wHvojl5LSpajei7SVr7Q6bm5zC77x1uL8b\n" +
                    "ahVbouUQgfrj6sMc1wIDAQAB"

                // 加密
                function encrypt(txt) {
                    const encryptor = new JSEncrypt()
                    encryptor.setPublicKey(publicKey) // 设置公钥
                    return encryptor.encrypt(txt) // 对数据进行加密
                }

                this.year = new Date('2024').getFullYear().toString()
                this.years = new Date('2024').getFullYear().toString()
                this.baseUrl = localStorage.getItem('baseUrl') || '/prod-api'
                var _this = this





            },
            mounted() {
                localStorage.removeItem('name')
                var _this = this
                function selectDictByType(type) {
                    var dict = [];
                    $.ajax({
                        url: _this.baseUrl + '/system/dict/data/type/' + type,
                        // type: 'get',
                        async: false,
                        success: function (res) {
                            dict = res.data;
                        }
                    });
                    return dict;
                }
                _this.hangyeDictList = selectDictByType('project_type');
                _this.jineDictList = selectDictByType('build_scale');
                $.ajax({
                    url: _this.baseUrl + '/getInfo',
                    type: "get",
                    headers: {
                        Authorization: 'Bearer ' + localStorage.getItem('token')
                    },
                    data: {},
                    success: function (res) {
                        if (res.code === 200) {
                            _this.userRole = res.roles
                            if (res.user.userName != 'admin') _this.queryParamsI.phone = res.user.phoneNumber
                            _this.areaCode = res.user.areaCode
                            _this.areaCodes = res.user.areaCode

                            $.ajax({
                                url: "./liaocheng.json",
                                type: "get",
                                success: res => {
                                    _this.conlist = res.features
                                    _this.options = [
                                        { label: '聊城市', value: '3715' },
                                        ...res.features.map(pv => {
                                            return {
                                                label: pv.properties.name,
                                                value: pv.properties.AREA_CODE
                                            }
                                        })
                                    ]
                                },
                            });
                            var data = {
                                pageNum: 1,
                                pageSize: 9999,
                                areaCode: _this.areaCode == '3715' ? undefined : _this.areaCode
                            }
                            $.ajax({
                                url: _this.baseUrl + '/project/weekly/list' + `?year=${_this.year}`,
                                type: 'get',
                                headers: {
                                    Authorization: 'Bearer ' + localStorage.getItem('token')
                                },
                                data: data,
                                success: function (res) {
                                    _this.objNotice = res.rows[0]
                                }
                            })
                            _this.getQxZhb()
                            _this.gailan(_this.areaCode)
                            _this.zhengcezj(_this.areaCode)
                            // this.jibiezhanbi(this.areaCode)
                            _this.getDicts()
                            _this.getYjList(1)
                            _this.getDeptList()
                            _this.getQpDataList()
                            $.ajax({
                                url: _this.baseUrl + '/policy/info/list' + `?pageNum=1&pageSize=9999`,
                                headers: {
                                    Authorization: 'Bearer ' + localStorage.getItem('token')
                                },
                                success: function (res) {
                                    _this.zhengceList = res.rows
                                }
                            })
                            $.ajax({
                                url: _this.baseUrl + '/system/user/list?deptId=191&pageSize=999',
                                headers: {
                                    Authorization: 'Bearer ' + localStorage.getItem('token')
                                },
                                success: function (res) {
                                    _this.leadList = res.rows
                                }
                            })
                            $.ajax({
                                url: _this.baseUrl + '/system/area/listByParent?useLocale=true&parentCode=3715',
                                headers: {
                                    Authorization: 'Bearer ' + localStorage.getItem('token')
                                },
                                success: function (res) {
                                    _this.areaList = res.data
                                }
                            })
                            $.ajax({
                                url: _this.baseUrl + '/projectInfo/new/selectSumMap' + `?year=${_this.year}`,
                                success: function (res) {
                                    _this.mapList = res.data
                                }
                            })
                            $.ajax({
                                url: _this.baseUrl + '/system/dept/list',
                                headers: {
                                    Authorization: 'Bearer ' + localStorage.getItem('token')
                                },
                                success: function (res) {
                                    _this.qpDeptList = res.data.filter(item => item.deptName != '聊城市')
                                }
                            })

                            _this.$nextTick(() => {
                                _this.zhongdian(_this.areaCode)//初始chart1化数据
                                _this.beginPonit()//初始化地图点
                                setTimeout(() => {
                                    _this.echarts();
                                    setTimeout(() => {
                                        window.vm.timer = setInterval(window.vm.startTimer, 100);
                                    }, 2000)
                                }, 500)
                            })
                        } else if (res.code === 401) {
                            location.href = '/login'
                        }
                    }
                })
                // 获取项目分析数据
                _this.getProjectAnalysisData();
            },
            methods: {
                confirmQp2() {
                    let good = false
                    this.$refs['qpform2'].validate((valid) => {
                        if (valid) {
                            good = true
                        } else {
                            this.$message({
                                message: '请输入签批内容',
                                type: 'warning'
                            });
                        }
                    })
                    if (!good) {
                        return
                    }
                    this.qpform2.attachmentUrl = this.attachmentUrl3
                    var _this = this
                    $.ajax({
                        url: _this.baseUrl + '/sign/info/add1',
                        type: 'post',
                        contentType: "application/json;charset=utf-8",
                        data: JSON.stringify(_this.qpform2),
                        headers: {
                            Authorization: 'Bearer ' + localStorage.getItem('token')
                        },
                        success: function (res) {
                            _this.qpdialog2 = false
                            _this.$message({
                                message: res.msg,
                                type: 'success'
                            });
                            _this.qpform2 = {
                                content: null,
                                ceId: null,
                                ceName: null,
                                type: 3,
                                attachmentUrl: null
                            }
                            _this.fileList = []
                            _this.attachmentUrl3 = ''
                        }
                    })
                },
                handleClose3() {
                    this.qpdialog2 = false
                    this.attachmentUrl3 = ''
                    this.fileList = []
                },
                // 上传成功回调
                handleUploadSuccess3(res, file) {
                    this.$message.success("上传成功");
                    this.attachmentUrl3 = res.data.downloadPath
                    //根据类型判断
                },
                handleUploadSuccess4(res, file) {
                    this.$message.success("上传成功");
                    this.attachmentUrl4 = res.data.downloadPath
                },
                handleRemove3(file, fileList) {
                    this.attachmentUrl3 = ''
                    console.log(file, fileList);
                },
                handleRemove4(file, fileList) {
                    this.attachmentUrl4 = ''
                    console.log(file, fileList);
                },
                getChartData(t) {
                    var _this = this
                    this.actionXt = t
                    $.ajax({
                        url: _this.baseUrl + '/project/overdue/alarmSum',
                        headers: {
                            Authorization: 'Bearer ' + localStorage.getItem('token')
                        },
                        data: {
                            type: t == 1 ? 'org' : undefined
                        },
                        success: function (res) {
                            console.log(res)
                            _this.dataSign = res.data
                            var data = res.data.map(item => {
                                return {
                                    name: t == 1 ? item.orgName : item.dependcyTownStreet,
                                    value: item.total
                                }
                            })
                            _this.chartInit(data, t)
                        }
                    })
                },
                signPaper(name, t) {
                    var obj = {}
                    this.qpform2 = {}
                    if (t == 1) {
                        obj = this.dataSign.find(v => v.orgName == name)

                        this.qpdialog2 = true
                        this.qpform2.ceId = obj.dependcyTownStreetCode
                        this.qpform2.ceName = obj.orgLeader
                        this.qpform2.deptName = obj.orgName
                        this.qpform2.type = 6
                    } else if (t == 2) {
                        obj = this.dataSign.find(v => v.dependcyTownStreet == name)

                        this.qpdialog2 = true
                        this.qpform2.ceId = obj.dependcyTownStreetCode
                        this.qpform2.ceName = obj.dependcyTownStreet
                        this.qpform2.orgName = obj.orgName
                        this.qpform2.type = 3
                    }
                },
                chartInit(data, t) {
                    var _this = this
                    var myChart = echarts.init(document.getElementById('xtEchart'));
                    var option;
                    var xData = data.map(item => item.name)
                    var yData = data.map(item => item.value)
                    option = {
                        //   backgroundColor:"#0F285C",
                        grid: {
                            containLabel: true,
                            top: 30,
                            right: 50,
                            bottom: 0,
                            left: 15
                        },
                        // dataZoom: [
                        //   {
                        //     type: 'slider',
                        //     yAxisIndex: [0],
                        //     start: 0,
                        //     end: 40
                        //   },
                        //   {
                        //     type: 'inside',
                        //     yAxisIndex: [0],
                        //     start: 0,
                        //     end: 40
                        //   }
                        // ],
                        tooltip: {
                            trigger: "axis",
                            triggerOn: "click",
                            confine: true,
                            enterable: true,
                            formatter: function (params) {
                                var tar = params[0];
                                var html = ''
                                var html1 = `
                      <div>
                        <div>${tar.seriesName}</div>
                        <div>${tar.name}：${tar.value}</div>
                      </div>
                    `
                                var html2 = `
                      <div>
                        <div>${tar.seriesName}</div>
                        <div>${tar.name}：${tar.value}</div>
                        <div style="padding: 4px 10px;background-color: #00c100;color: #fff;border-radius: 4px;float:right; margin-top:5px;" onclick="window.vm.signPaper('${tar.name}','${t}')" >签批</div>
                      </div>
                    `
                                // if (_this.actionXt == 1) {
                                //   html = html1
                                // } else if (_this.actionXt == 2) {
                                html = html2
                                // }
                                return html
                            }
                        },
                        xAxis: {
                            type: 'value',
                            name: "",
                            minInterval: 1,
                            nameTextStyle: {
                                color: '#6389b4',
                                fontSize: 14,
                                align: "left",
                                verticalAlign: "center",
                            },
                            axisLabel: {
                                color: '#6389b4',
                                textStyle: {
                                    fontSize: 14
                                },
                            },
                            axisLine: {
                                show: false,
                                lineStyle: {
                                    color: '#dbe7f7',
                                }
                            },
                            axisTick: {
                                show: false
                            },
                            splitLine: {
                                lineStyle: {
                                    color: '#dbe7f7',
                                    type: "dashed",
                                }
                            }
                        },
                        yAxis: {
                            // 类目轴
                            type: "category",
                            inverse: true,
                            data: xData,
                            axisTick: {
                                show: false //隐藏X轴刻度
                            },
                            axisLine: {
                                lineStyle: {
                                    color: "#bfd8fc"
                                }
                            },
                            axisLabel: {
                                show: true,
                                textStyle: {
                                    color: '#6389b4',
                                    fontSize: 14,
                                },
                                interval: 0
                            },
                        },
                        series: [
                            {
                                name: t == 1 ? '市直部门' : '区县',
                                type: "bar",
                                barWidth: t == 1 ? '50%' : '30%',
                                showBackground: true,
                                backgroundStyle: {
                                    color: "transparent"
                                },
                                label: {
                                    show: true,
                                    formatter: '{c}',
                                    position: 'right',
                                    color: '#0360ea'
                                },
                                itemStyle: {
                                    color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [
                                        { offset: 0, color: "#0360ea" },
                                        { offset: 0.65, color: '#67b6f6' },
                                        { offset: 1, color: "#fff" }
                                    ])
                                },
                                data: yData
                            }
                        ]
                    }
                    option && myChart.setOption(option);
                    if (!_this.chartEvent_xietongyujing) {
                        _this.chartEvent_xietongyujing = true
                        myChart.on('dblclick', function (params) {
                            if (_this.actionXt == 2) {
                                // _this.getListData_xietongyujing(_this.dataSign[params.dataIndex])
                            } else if (_this.actionXt == 1) {
                                // _this.getListData_deep_xietongyujing(_this.dataSign[params.dataIndex])
                            }
                        });
                    }
                },
                getListData_xietongyujing(obj) {
                    var _this = this
                    $.ajax({
                        url: _this.baseUrl + '/project/overdue/alarmSumByArea',
                        headers: {
                            Authorization: 'Bearer ' + localStorage.getItem('token')
                        },
                        data: {
                            areaCode: obj.dependcyTownStreetCode,
                            orgName: obj.orgName,
                        },
                        success: function (res) {
                            _this.tableData_xietongyujing = res.data
                            _this.showList_xietongyujing = true
                        }
                    })
                },
                getListData_deep_xietongyujing(row) {
                    var _this = this
                    var obj = row
                    console.log('obj', obj)
                    $.ajax({
                        url: _this.baseUrl + '/project/overdue/alarm',
                        type: 'get',
                        headers: {
                            Authorization: 'Bearer ' + localStorage.getItem('token')
                        },
                        data: {
                            orgName: obj.orgName,
                        },
                        success: function (res) {
                            _this.tableData_deep_xietongyujing = res.data
                            _this.showList_deep_xietongyujing = true
                            _this.showList_xietongyujing = false
                        }
                    })
                },
                backbtn_showList_deep_xietongyujing() {
                    var _this = this
                    if (_this.actionXt == 1) {
                        _this.showList_deep_xietongyujing = false;
                    } else if (_this.actionXt == 2) {
                        _this.showList_deep_xietongyujing = false;
                        _this.showList_xietongyujing = true
                    }
                },
                getQxZhb() {
                    var _this = this

                    $.ajax({
                        url: _this.baseUrl + '/sign/info/loadHeadquarters',
                        headers: {
                            Authorization: 'Bearer ' + localStorage.getItem('token')
                        },
                        data: {
                            areaCode: _this.areaCodes
                        },
                        success: function (res) {
                            console.log(res)
                            _this.qxZhblist = res.data
                            _this.qxZhbNamelist = Object.keys(_this.qxZhblist).filter(item => item != 'name')
                            var list = _this.qxZhblist
                            for (key in _this.qxZhblist) {
                                let a = _this.qxZhblist[key]
                                let b = []
                                let c = []
                                let n = undefined
                                for (let i = 0; i < a.length; i++) {
                                    if (a[i].group != n) {
                                        if (i != 0) {
                                            c.push(b)
                                        }
                                        b = []
                                        n = a[i].group
                                    }
                                    if (a[i].group == n) {
                                        b.push(a[i])
                                    }

                                }
                                c.push(b)
                                list[key] = c
                            }
                            _this.qxZhblist = list
                        }
                    })
                },
                openUrl(url) {
                    window.open(url);
                },
                changeInput(v) {

                    if (!this.buildScale && !this.projectType) {
                        return
                    }
                    this.showTable = true;
                    this.loading = true
                    var _this = this
                    $.ajax({
                        url: _this.baseUrl + `/projectInfo/new/list?dependcyTownStreetCode=` + _this.areaCode + `&year=${_this.year}&buildScale=${_this.buildScale}&projectType=${_this.projectType}`,
                        headers: {
                            Authorization: 'Bearer ' + localStorage.getItem('token')
                        },
                        data: {
                            pageSize: 999
                        },
                        type: "get",
                        success: res => {
                            _this.tableData = res.rows
                            _this.loading = false
                        },
                    });
                },
                toNotOpenPage(type) {
                    this.showTable = true;
                    this.loading = true
                    var _this = this
                    $.ajax({
                        url: _this.baseUrl + `/projectInfo/new/list?dependcyTownStreetCode=` + _this.areaCode + `&year=${_this.year}&notOpenLevel=${type}`,
                        headers: {
                            Authorization: 'Bearer ' + localStorage.getItem('token')
                        },
                        data: {
                            pageSize: 999
                        },
                        type: "get",
                        success: res => {
                            _this.tableData = res.rows
                            _this.loading = false
                        },
                    });
                },
                getZc() {
                    var _this = this
                    $.ajax({
                        url: _this.baseUrl + '/policy/info/list' + `?pageNum=1&pageSize=9999`,
                        headers: {
                            Authorization: 'Bearer ' + localStorage.getItem('token')
                        },
                        data: _this.zcform,
                        success: function (res) {
                            _this.zhengceList1 = res.rows
                        }
                    })
                },
                getJb() {
                    var _this = this
                    $.ajax({
                        url: _this.baseUrl + '/system/attachment/list' + `?pageNum=1&pageSize=100&businessType=jianbao`,
                        headers: {
                            Authorization: 'Bearer ' + localStorage.getItem('token')
                        },
                        success: function (res) {
                            _this.jbList = res.rows
                        }
                    })
                },
                getYjList(v) {
                    var _this = this
                    this.yjType = v
                    if (v == 1) {
                        var data1 = {
                            areaCode: _this.areaCode
                        }
                        $.ajax({
                            url: _this.baseUrl + '/project/overdue/alarm',
                            type: 'get',
                            headers: {
                                Authorization: 'Bearer ' + localStorage.getItem('token')
                            },
                            data: data1,
                            success: function (res) {
                                _this.yjdataList0 = res.data
                            }
                        })
                    }
                    else {
                        $.ajax({
                            url: _this.baseUrl + '/certificate/info/getBanjianAlarmInfo',
                            type: 'get',
                            headers: {
                                Authorization: 'Bearer ' + localStorage.getItem('token')
                            },
                            data: {
                                areaCode: _this.areaCode
                            },
                            success: function (res) {
                                _this.yjdataList = res.data
                            }
                        })

                    }
                },
                qjsearch() {
                    this.showAll = true
                    this.searchAll()
                },
                searchAll() {
                    this.loading = true
                    var _this = this
                    $.ajax({
                        url: this.baseUrl + "/projectInfo/new/list?name=" + `${_this.itemListForm.name}`,
                        headers: {
                            Authorization: 'Bearer ' + localStorage.getItem('token')
                        },
                        data: {
                            year: _this.year,
                            pageSize: 999
                        },
                        type: "get",
                        success: res => {
                            _this.tableData = res.rows
                            _this.loading = false
                        },
                    });
                },
                resetAll() {
                    this.itemListForm.name = ''
                    this.searchAll()
                },
                // 上传成功回调
                handleUploadSuccess(res, file) {
                    this.$message.success("上传成功");
                    this.attachmentUrl = res.data.downloadPath
                    //根据类型判断
                },
                handleRemove(file, fileList) {
                    this.attachmentUrl = ''
                    console.log(file, fileList);
                },
                // 上传成功回调
                handleUploadSuccess2(res, file) {
                    this.$message.success("上传成功");
                    this.attachmentUrl2 = res.data.downloadPath
                    //根据类型判断
                },
                handleRemove2(file, fileList) {
                    this.attachmentUrl2 = ''
                    console.log(file, fileList);
                },
                handlePreview(file) {
                    console.log(file, 'xxxxxxxx');
                    fetch(this.baseUrl + file.response.data.downloadPath)
                        .then(response => response.blob())
                        .then(blob => {
                            const url = window.URL.createObjectURL(blob);
                            const a = document.createElement('a');
                            a.href = url;
                            a.download = file.name;
                            document.body.appendChild(a);
                            a.click();
                            window.URL.revokeObjectURL(url);
                        });
                },
                beforeRemove(file, fileList) {
                    return this.$confirm(`确定移除 ${file.name}？`);
                },
                beforeRemove2(file, fileList) {
                    return this.$confirm(`确定移除 ${file.name}？`);
                },
                beforeRemove3(file, fileList) {
                    return this.$confirm(`确定移除 ${file.name}？`);
                },
                beforeRemove4(file, fileList) {
                    return this.$confirm(`确定移除 ${file.name}？`);
                },
                ldzQp(name) {
                    this.ldzName = name
                    this.ldzdialog = true
                },
                ldzQp2(name, phone, deptName) {
                    this.ldzName2 = name
                    this.ldzPhone2 = phone
                    this.deptName2 = deptName
                    this.ldzdialog2 = true
                },
                submitLdz() {
                    var _this = this
                    if (!_this.contentLdz) {
                        _this.$message({
                            message: '请输入内容',
                            type: 'warning'
                        });
                        return
                    }
                    var data = {
                        attachmentUrl: this.attachmentUrl4,
                        ceName: this.ldzName,
                        content: this.contentLdz,
                        type: 7
                    }
                    $.ajax({
                        url: _this.baseUrl + '/sign/info/add1',
                        type: 'post',
                        data: JSON.stringify(data),
                        contentType: 'application/json',
                        headers: {
                            Authorization: 'Bearer ' + localStorage.getItem('token')
                        },
                        success: function (res) {
                            _this.ldzdialog = false
                            _this.ldzName = ""
                            _this.contentLdz = ""
                            _this.attachmentUrl4 = ""
                            _this.fileList = []
                        }
                    })
                },
                submitLdz2() {
                    var _this = this
                    var data = {
                        ceName: this.ldzName2,
                        phone: this.ldzPhone2,
                        content: this.contentLdz2,
                        deptName: this.deptName2,
                        attachmentUrl: this.attachmentUrl2,
                    }
                    $.ajax({
                        url: serverUrl + '/sign/info/approveToPeople',
                        type: 'post',
                        contentType: "application/json;charset=utf-8",
                        data: JSON.stringify(data),
                        headers: {
                            Authorization: "Bearer " + getToken() + ""
                        },
                        success: res => {
                            _this.$message({
                                message: res.msg,
                                type: 'success'
                            });
                            _this.ldzdialog2 = false
                            _this.ldzName2 = ""
                            _this.contentLdz2 = ""
                        }
                    })
                },
                // 政策性资金模块
                innerEchartzc() {
                    var chartDom = document.getElementById('echart8');
                    var myChart = echarts.init(chartDom);
                    var option;
                    let value = this.guozhai[0].cou
                    let sunNumer = 'this.guozhai[0].cou'
                    var data = [0.31, 0.312];
                    console.log(data)
                    var option = {
                        // 圆环内部文字
                        title: [
                            {
                                text: value + '个',
                                left: '50%',
                                top: '35%',
                                textAlign: 'center',
                                textStyle: {
                                    fontSize: 10,
                                    color: '#5a99f9',
                                },
                            }
                        ],
                        series: [{
                            type: 'liquidFill',
                            radius: '70%',
                            z: 6,
                            center: ['50%', '50%'],
                            amplitude: 4,
                            backgroundStyle: {
                                color: {
                                    type: 'radial',
                                    x: 0.5,
                                    y: 0.5,
                                    r: 0.5,
                                    colorStops: [
                                        {
                                            offset: 0,
                                            color: '#ffffff',
                                        },
                                        {
                                            offset: 0.75,
                                            color: '#e7f2fa',
                                        },
                                        {
                                            offset: 1,
                                            color: '#bcedfd',
                                        },
                                    ],
                                    globalCoord: false,
                                },
                            },
                            color: ['#69c7eb'],
                            data: data,
                            label: {
                                normal: {
                                    formatter: '',
                                }
                            },
                            outline: {
                                show: true,
                                itemStyle: {
                                    borderWidth: 0,
                                },
                                borderDistance: 0,
                            }
                        }
                        ]
                    }

                    option && myChart.setOption(option);

                    var _this = this
                    myChart.on("click", function (params) {
                        _this.szxzjList1(_this.areaCode)
                    });
                },
                zhengcezj(areaCode) {
                    var _this = this
                    $.ajax({
                        url: _this.baseUrl + "/projectInfo/new/selectSum1?code=" + areaCode + `&year=${_this.year}`,
                        headers: {
                            Authorization: 'Bearer ' + localStorage.getItem('token')
                        },
                        type: "get",
                        success: res => {
                            _this.guozhai = res.data.level
                        },
                    });
                },
                // 单独上报问题
                sbProblem() {
                    this.ddsbdialog = true
                },
                shagnbao() {
                    var _this = this
                    $.ajax({
                        url: _this.baseUrl + '/problem/report',
                        type: 'post',
                        contentType: "application/json;charset=utf-8",
                        data: JSON.stringify({ problem: _this.problem }),
                        headers: {
                            Authorization: 'Bearer ' + localStorage.getItem('token')
                        },
                        success: function (res) {
                            _this.$message({
                                message: res.msg,
                                type: 'success'
                            });
                            _this.ddsbdialog = false
                            _this.problem = ''
                        }
                    })
                },
                goReply(type, item) {
                    this.reportIs = type
                    this.formReport = {
                        id: item.id,
                        leadId: item.leadId,
                        deptId: item.deptId,
                        zbContent: item.zbContent,
                        tjContent: item.tjContent,
                        replyContent: item.replyContent,

                    }
                    this.showReport = true
                },
                sumbitReport() {
                    var data = ['/problem/report/hf', '/problem/report/zb', '/problem/report/tj',]
                    var _this = this
                    $.ajax({
                        url: _this.baseUrl + data[this.reportIs],
                        headers: {
                            Authorization: 'Bearer ' + localStorage.getItem('token')
                        },
                        type: 'post',
                        contentType: "application/json;charset=utf-8",
                        data: JSON.stringify(_this.formReport),
                        success: function (res) {
                            _this.showReport = false
                            _this.formReport = {}
                            _this.getListQuestion()
                        }
                    })
                },
                xmyjqp(val) {
                    var _this = this
                    $.ajax({
                        url: this.baseUrl + '/alarmSign/info/list' + `?alarmUuid=${val.id}`,
                        type: 'get',
                        headers: {
                            Authorization: 'Bearer ' + localStorage.getItem('token')
                        },
                        success: function (res) {
                            if (res.rows.length > 0) {
                                _this.qpform = res.rows[0]
                                _this.existid = res.rows[0].id
                            } else {
                                _this.qpform = val
                            }
                        }
                    })
                    this.qpdialog = true
                },
                confirmQp() {
                    var _this = this
                    if (this.existid) {
                        $.ajax({
                            url: _this.baseUrl + '/alarmSign/info',
                            type: 'put',
                            contentType: "application/json;charset=utf-8",
                            data: JSON.stringify(_this.qpform),
                            headers: {
                                Authorization: 'Bearer ' + localStorage.getItem('token')
                            },
                            success: function (res) {
                                _this.$message({
                                    message: res.msg,
                                    type: 'success'
                                });
                                _this.qpdialog = false
                                _this.existid = ''
                            }
                        })
                    } else {
                        _this.qpform.alarmUuid = _this.qpform.uuid
                        $.ajax({
                            url: _this.baseUrl + '/alarmSign/info',
                            type: 'post',
                            contentType: "application/json;charset=utf-8",
                            data: JSON.stringify(_this.qpform),
                            headers: {
                                Authorization: 'Bearer ' + localStorage.getItem('token')
                            },
                            success: function (res) {
                                _this.$message({
                                    message: res.msg,
                                    type: 'success'
                                });
                                _this.qpdialog = false
                                _this.existid = ''
                            }
                        })
                    }
                },
                // 项目列表的搜索框
                search() {
                    var _this = this
                    $.ajax({
                        url: this.baseUrl + "/projectInfo/new/list?dependcyTownStreetCode=" + _this.itemListForm.dependcyTownStreetCode + `&year=${_this.year}` + `&name=${_this.itemListForm.name}` + `&projectCode=${_this.itemListForm.projectCode}`,
                        headers: {
                            Authorization: 'Bearer ' + localStorage.getItem('token')
                        },
                        data: {
                            pageSize: 999
                        },
                        type: "get",
                        success: res => {
                            this.tableData = res.rows
                            this.loading = false
                        },
                    });
                },
                reset() {
                    this.itemListForm = {
                        areaCode: '',
                        name: '',
                        dependcyTownStreetCode: '',
                        projectCode: ''
                    }
                    var _this = this
                    $.ajax({
                        url: this.baseUrl + "/projectInfo/new/list?dependcyTownStreetCode=" + _this.areaCode + `&year=${_this.year}`,
                        headers: {
                            Authorization: 'Bearer ' + localStorage.getItem('token')
                        },
                        data: {
                            pageSize: 999,
                        },
                        type: "get",
                        success: res => {
                            this.tableData = res.rows
                            this.loading = false
                        },
                    });
                },
                // 项目进度的搜索
                searchJd() {
                    if (this.actPro != 2) {
                        var data = {
                            pageSize: 999,
                            pageNum: 1,
                            // projectLevels:this.actPro
                        }
                    }
                    if (this.actPro == 2) {
                        var data = {
                            pageSize: 999,
                            pageNum: 1,
                            // projectLevels:'1,2,3,6'
                        }
                    }
                    var _this = this
                    this.loadingPro = true
                    _this.showProS = true
                    $.ajax({
                        url: _this.baseUrl + "/projectInfo/new/list" + `?year=${_this.year}` + `&name=${_this.jdform.name}` + `&dependcyTownStreet=${_this.jdform.dependcyTownStreet}`,
                        data: data,
                        headers: {
                            Authorization: 'Bearer ' + localStorage.getItem('token')
                        },
                        success: function (res) {
                            _this.progressList = res.rows
                            _this.loadingPro = false
                        }
                    })
                },
                resetJd() {
                    this.jdform = {
                        name: '',
                        dependcyTownStreet: '',
                    }
                    var _this = this
                    this.loadingPro = true
                    var data = {
                        pageSize: 999,
                        pageNum: 1,
                        projectLevels: '1,2,3,6'
                    }
                    _this.showProS = true
                    $.ajax({
                        url: _this.baseUrl + "/projectInfo/new/list" + `?year=${_this.year}`,
                        data: data,
                        headers: {
                            Authorization: 'Bearer ' + localStorage.getItem('token')
                        },
                        success: function (res) {
                            _this.progressList = res.rows
                            _this.loadingPro = false
                        }
                    })
                },
                // 问题上报模块
                openProblem() {
                    this.getWtList()
                    this.wtsbdialog = true
                },
                searchWt() {
                    this.getWtList()
                },
                resetWt() {
                    this.wtsbForm = {
                        name: '',
                        projectLevel: '',
                        status: ''
                    }
                    this.getWtList()
                },
                getWtList() {
                    this.wtsbLoading = true;
                    var _this = this
                    $.ajax({
                        url: this.baseUrl + "/projectInfo/new/list?name=" + _this.wtsbForm.name + `&projectLevel=${_this.wtsbForm.projectLevel}` + `&status=${_this.wtsbForm.status}`,
                        headers: {
                            Authorization: 'Bearer ' + localStorage.getItem('token')
                        },
                        data: {
                            pageSize: 99999
                        },
                        type: "get",
                        success: res => {
                            _this.wtsbData = res.rows
                            _this.wtsbLoading = false;
                        },
                    });
                },
                getStatusLabel(val) {
                    const result = this.projectStatusList.find(item => item.dictValue === val)
                    if (result) {
                        return result.dictLabel
                    } else {
                        return ''
                    }
                },
                showSb(val) {
                    this.fileList = []
                    var _this = this
                    $.ajax({
                        url: this.baseUrl + '/problem/report/list' + `?projectCode=${val.projectCode}`,
                        type: 'get',
                        headers: {
                            Authorization: 'Bearer ' + localStorage.getItem('token')
                        },
                        success: function (res) {
                            if (res.rows.length > 0) {
                                _this.wentiForm = res.rows[0]
                                _this.shangbaoId = res.rows[0].id
                                if (res.rows[0].attachmentUrl) {
                                    _this.fileList.push({
                                        name: res.rows[0].attachmentUrl.split('/')[(res.rows[0].attachmentUrl.split('/').length) - 1],
                                        url: res.rows[0].attachmentUrl
                                    })
                                }
                            } else {
                                _this.wentiForm = val
                            }
                        }
                    })
                    this.sbdialog = true
                },
                confirmSb() {
                    const transferForm = {
                        projectCode: this.wentiForm.projectCode,
                        projectName: this.wentiForm.name || this.wentiForm.projectName,
                        projectStatus: this.wentiForm.status || this.wentiForm.projectStatus,
                        dependcyTownStreet: this.wentiForm.dependcyTownStreet,
                        problem: this.wentiForm.problem,
                        attachmentUrl: this.attachmentUrl
                    }
                    var _this = this
                    if (this.shangbaoId) {
                        transferForm.id = _this.shangbaoId
                        $.ajax({
                            url: _this.baseUrl + '/problem/report',
                            type: 'put',
                            contentType: "application/json;charset=utf-8",
                            data: JSON.stringify(transferForm),
                            headers: {
                                Authorization: 'Bearer ' + localStorage.getItem('token')
                            },
                            success: function (res) {
                                _this.$message({
                                    message: res.msg,
                                    type: 'success'
                                });
                                _this.sbdialog = false
                                _this.shangbaoId = ''
                                _this.attachmentUrl = ''
                                _this.fileList = []
                            }
                        })
                    } else {
                        $.ajax({
                            url: _this.baseUrl + '/problem/report',
                            type: 'post',
                            contentType: "application/json;charset=utf-8",
                            data: JSON.stringify(transferForm),
                            headers: {
                                Authorization: 'Bearer ' + localStorage.getItem('token')
                            },
                            success: function (res) {
                                _this.$message({
                                    message: res.msg,
                                    type: 'success'
                                });
                                _this.sbdialog = false
                                _this.shangbaoId = ''
                            }
                        })
                    }
                },
                setColors() {
                    this.setColor = !this.setColor
                    // location.href = '../linqingblue/index.html'
                },
                goLinkColor(v) {
                    if (v == 1) {
                        location.href = './index_black.html'
                    }
                    if (v == 2) {
                        location.href = '../linqingblue/index.html'
                    }
                },
                goWait(code) {
                    var _this = this
                    $.ajax({
                        url: this.baseUrl + "/projectInfo/new/list?dependcyTownStreetCode=" + code + '&status=' + 2,
                        headers: {
                            Authorization: 'Bearer ' + localStorage.getItem('token')
                        },
                        data: {
                            pageSize: 99999,
                            year: _this.year
                        },
                        type: "get",
                        success: res => {
                            this.tableDataQp = res.rows
                            this.tableQpShow = true
                        },
                    });
                },
                handleSign(row) {
                    this.formSignI = {
                        id: row.id,
                        content: row.content,
                        replyContent: row.replyContent
                    }
                    this.showSignI = true
                },
                sumbitSignI() {
                    var data = {
                        id: this.formSignI.id,
                        replyContent: this.formSignI.replyContent
                    }
                    var _this = this
                    if (!this.formSignI.replyContent) {
                        _this.$message({
                            message: '请填写回复内容',
                            type: 'warning'
                        });
                        return
                    }
                    $.ajax({
                        url: _this.baseUrl + '/sign/info/edit',
                        type: 'post',
                        contentType: "application/json;charset=utf-8",
                        data: JSON.stringify(data),
                        headers: {
                            Authorization: 'Bearer ' + localStorage.getItem('token')
                        },
                        success: function (res) {
                            _this.showSignI = false
                            _this.getListI()
                            _this.$modal.msgSuccess(res.msg)
                        }
                    })
                },
                getListI() {
                    var _this = this
                    _this.loadingI = true;
                    $.ajax({
                        url: this.baseUrl + "/sign/info/page",
                        headers: {
                            Authorization: 'Bearer ' + localStorage.getItem('token')
                        },
                        data: _this.queryParamsI,
                        type: "get",
                        success: response => {
                            _this.intermediaryList = response.rows;
                            _this.totalI = response.total;
                            _this.loadingI = false;
                        }
                    })
                },
                currentPage() { },
                handleSizeChange(val) {
                    this.queryParamsI.pageSize = val
                    this.getListI()
                },
                handleCurrentChange(val) {
                    this.queryParamsI.pageNum = val
                    this.getListI()
                },
                golinkWork(id) {
                    location.href = '../workInfo/index2.html?id=' + id
                },
                getQpDataList() {
                    var _this = this
                    $.ajax({
                        url: _this.baseUrl + '/sign/info/listG',
                        headers: {
                            Authorization: 'Bearer ' + localStorage.getItem('token')
                        },
                        success: function (res) {
                            _this.textList = res.data
                        }
                    })
                },
                qpSetProject(item) {
                    this.showSignProject = true
                    this.formSignPrject = {
                        ceId: item.id,
                        ceName: item.name,
                        type: 2
                    }
                },
                sumbitSignProject() {
                    var _this = this
                    $.ajax({
                        url: _this.baseUrl + '/sign/info/add1',
                        type: 'post',
                        contentType: "application/json;charset=utf-8",
                        data: JSON.stringify(_this.formSignPrject),
                        headers: {
                            Authorization: 'Bearer ' + localStorage.getItem('token')
                        },
                        success: function (res) {
                            _this.showSignProject = false
                            _this.$message({
                                message: res.msg,
                                type: 'success'
                            });
                            _this.getQpDataList()
                        }
                    })
                },
                getQpList(areaCode) {
                    var _this = this
                    $.ajax({
                        url: this.baseUrl + "/projectInfo/new/list?dependcyTownStreetCode=" + areaCode,
                        headers: {
                            Authorization: 'Bearer ' + localStorage.getItem('token')
                        },
                        data: {
                            pageSize: 99999,
                            year: _this.year
                        },
                        type: "get",
                        success: res => {
                            this.tableDataQp = res.rows
                            this.tableQpShow = true
                        },
                    });
                },
                getDeptList() {
                    var _this = this
                    $.ajax({
                        url: _this.baseUrl + '/system/dept/list',
                        headers: {
                            'Authorization': localStorage.getItem('token')
                        },
                        success: function (res) {
                            _this.deptList = res.data.filter(item => {
                                return item.parentId != 0
                            })
                        },
                    })
                },
                sendQpbumen(item) {
                    this.showSign = true
                    this.formSign = {
                        ceId: item.deptId
                    }
                },
                sumbitSign() {
                    var _this = this
                    if (!_this.formSign.content) {
                        _this.$message({
                            message: '请输入内容',
                            type: 'warning'
                        });
                        return
                    }
                    this.formSign.type = 4
                    this.formSign.ceName = this.deptList.find(item => { return item.deptId == this.formSign.ceId }).deptName
                    this.formSign.attachmentUrl = _this.attachmentUrl4,
                        $.ajax({
                            url: _this.baseUrl + '/sign/info/add1',
                            type: 'post',
                            contentType: "application/json;charset=utf-8",
                            data: JSON.stringify(_this.formSign),
                            headers: {
                                Authorization: 'Bearer ' + localStorage.getItem('token')
                            },
                            success: function (res) {
                                _this.showSign = false
                                _this.attachmentUrl4 = ""
                                _this.fileList = []
                                _this.$message({
                                    message: res.msg,
                                    type: 'success'
                                });
                                _this.getQpDataList()
                            }
                        })
                },
                qpSet(item) {
                    var _this = this
                    this.showSendQp = true
                    this.formsQp = {
                        ceName: item.name,
                        ceId: item.code,
                        type: 3,
                        content: undefined
                    }
                },
                sendQp() {
                    var _this = this
                    if (!_this.formsQp.content) {
                        _this.$message({
                            message: '请输入内容',
                            type: 'warning'
                        });
                        return
                    }
                    _this.formsQp.attachmentUrl = _this.attachmentUrl4,
                        $.ajax({
                            url: _this.baseUrl + '/sign/info/add1',
                            type: 'post',
                            contentType: "application/json;charset=utf-8",
                            data: JSON.stringify(_this.formsQp),
                            headers: {
                                Authorization: 'Bearer ' + localStorage.getItem('token')
                            },
                            success: function (res) {
                                _this.showSendQp = false
                                _this.attachmentUrl4 = ""
                                _this.fileList = []
                                _this.$message({
                                    message: res.msg,
                                    type: 'success'
                                });
                                _this.getQpDataList()
                            }
                        })
                },
                qianpiFuc(val, title) {
                    this.actQp = val
                    this.qpTitle = title
                    this.tableQpShow = false
                    this.showSign = false
                    this.showReport = false
                    this.showSendQp = false

                    this.attachmentUrl4 = ''
                    this.fileList = []
                    if (val == 3) {
                        this.getListQuestion()
                    }
                    if (val == 5) {
                        this.getListI()
                    }
                },
                getListQuestion() {
                    var _this = this
                    $.ajax({
                        url: _this.baseUrl + '/problem/report/list',
                        headers: {
                            Authorization: 'Bearer ' + localStorage.getItem('token')
                        },
                        success: function (res) {
                            _this.reportList = res.rows
                        }
                    })
                },
                btnQp() {
                    // this.showQp = !this.showQp
                    var _this = this
                    $.ajax({
                        url: _this.baseUrl + '/projectInfo/new/selectProjectStatusByArea',
                        data: {
                            code: _this.year,
                            areaCode: _this.areaCode == '3715' ? undefined : _this.areaCode
                        },
                        headers: {
                            Authorization: 'Bearer ' + localStorage.getItem('token')
                        },
                        success: function (res) {
                            _this.qpAreaList = res.data
                            _this.actQp = 0
                            _this.qpTitle = '重点项目进度'
                            _this.showQpDialog = true
                        }
                    })

                },
                goLink(val) {
                    let _this = this

                    if (val === '/project/project/formal') {
                        if (_this.userRole.length == 1 && _this.userRole[0] === "data_screen") {
                            _this.$message({
                                message: '暂无权限访问',
                                type: 'warning'
                            });
                            return
                        }
                    }

                    window.location.href = val + '?source=1'
                },
                showChangePro(num) {
                    this.showPro = true
                    this.$nextTick(() => {
                        if (this.year == 2023) {
                            this.innerEchartsheng1()
                            this.innerEchartsheng2()
                            this.innerEchartsheng3()
                            this.innerEchartsheng4()
                        }
                        else {
                            this.sslObj = num == 1 ? [this.shengji[2], this.shengji[3]] : [this.shengji[8], this.shengji[9]]
                            this.innerEchartsheng5()
                            this.innerEchartsheng6()
                        }
                    })
                },
                innerEchartsheng1() {
                    var chartDom = document.getElementById('echartsheng1');
                    var myChart = echarts.init(chartDom);
                    var option;
                    let value = this.shengji[1].cou
                    let sunNumer = this.shengji[0].cou
                    var data = [0.31, 0.312];
                    console.log(data)
                    var option = {
                        // 圆环内部文字
                        title: [
                            {
                                text: value + '个',
                                left: '50%',
                                top: '35%',
                                textAlign: 'center',
                                textStyle: {
                                    fontSize: 10,
                                    color: '#5a99f9',
                                },
                            }
                        ],
                        series: [{
                            type: 'liquidFill',
                            radius: '65%',
                            z: 6,
                            center: ['50%', '50%'],
                            amplitude: 4,
                            backgroundStyle: {
                                color: {
                                    type: 'radial',
                                    x: 0.5,
                                    y: 0.5,
                                    r: 0.5,
                                    colorStops: [
                                        {
                                            offset: 0,
                                            color: '#ffffff',
                                        },
                                        {
                                            offset: 0.75,
                                            color: '#e7f2fa',
                                        },
                                        {
                                            offset: 1,
                                            color: '#bcedfd',
                                        },
                                    ],
                                    globalCoord: false,
                                },
                            },
                            color: ['#69c7eb'],
                            data: data,
                            label: {
                                normal: {
                                    formatter: '',
                                }
                            },
                            outline: {
                                show: true,
                                itemStyle: {
                                    borderWidth: 0,
                                },
                                borderDistance: 0,
                            }
                        }
                        ]
                    }

                    option && myChart.setOption(option);

                    var _this = this
                    myChart.on("click", function (params) {
                        _this.showList(1)
                    });
                },
                innerEchartsheng2() {
                    var chartDom = document.getElementById('echartsheng2');
                    var myChart = echarts.init(chartDom);
                    var option;
                    let value = this.shengji[4].cou
                    let sunNumer = 131 || this.shengji[0].cou
                    var data = [0.31, 0.312];
                    console.log(data)
                    var option = {
                        // 圆环内部文字
                        title: [
                            {
                                text: value + '个',
                                left: '50%',
                                top: '35%',
                                textAlign: 'center',
                                textStyle: {
                                    fontSize: 10,
                                    color: '#5a99f9',
                                },
                            }
                        ],
                        series: [{
                            type: 'liquidFill',
                            radius: '65%',
                            z: 6,
                            center: ['50%', '50%'],
                            amplitude: 4,
                            backgroundStyle: {
                                color: {
                                    type: 'radial',
                                    x: 0.5,
                                    y: 0.5,
                                    r: 0.5,
                                    colorStops: [
                                        {
                                            offset: 0,
                                            color: '#ffffff',
                                        },
                                        {
                                            offset: 0.75,
                                            color: '#e7f2fa',
                                        },
                                        {
                                            offset: 1,
                                            color: '#bcedfd',
                                        },
                                    ],
                                    globalCoord: false,
                                },
                            },
                            color: ['#69c7eb'],
                            data: data,
                            label: {
                                normal: {
                                    formatter: '',
                                }
                            },
                            outline: {
                                show: true,
                                itemStyle: {
                                    borderWidth: 0,
                                },
                                borderDistance: 0,
                            }
                        }
                        ]
                    }

                    option && myChart.setOption(option);

                    var _this = this
                    myChart.on("click", function (params) {
                        _this.showList(2)
                    });
                },
                innerEchartsheng3() {
                    var chartDom = document.getElementById('echartsheng3');
                    var myChart = echarts.init(chartDom);
                    var option;
                    let value = this.shengji[5].cou
                    let sunNumer = this.shengji[0].cou
                    var data = [0.31, 0.312];
                    console.log(data)
                    var option = {
                        // 圆环内部文字
                        title: [
                            {
                                text: value + '个',
                                left: '50%',
                                top: '35%',
                                textAlign: 'center',
                                textStyle: {
                                    fontSize: 10,
                                    color: '#5a99f9',
                                },
                            }
                        ],
                        series: [{
                            type: 'liquidFill',
                            radius: '65%',
                            z: 6,
                            center: ['50%', '50%'],
                            amplitude: 4,
                            backgroundStyle: {
                                color: {
                                    type: 'radial',
                                    x: 0.5,
                                    y: 0.5,
                                    r: 0.5,
                                    colorStops: [
                                        {
                                            offset: 0,
                                            color: '#ffffff',
                                        },
                                        {
                                            offset: 0.75,
                                            color: '#e7f2fa',
                                        },
                                        {
                                            offset: 1,
                                            color: '#bcedfd',
                                        },
                                    ],
                                    globalCoord: false,
                                },
                            },
                            color: ['#69c7eb'],
                            data: data,
                            label: {
                                normal: {
                                    formatter: '',
                                }
                            },
                            outline: {
                                show: true,
                                itemStyle: {
                                    borderWidth: 0,
                                },
                                borderDistance: 0,
                            }
                        }
                        ]
                    }

                    option && myChart.setOption(option);

                    var _this = this
                    myChart.on("click", function (params) {
                        _this.showList(3)
                    });
                },
                innerEchartsheng4() {
                    var chartDom = document.getElementById('echartsheng4');
                    var myChart = echarts.init(chartDom);
                    var option;
                    let value = this.shengji[6].cou
                    let sunNumer = this.shengji[0].cou
                    var data = [0.31, 0.312];
                    console.log(data)
                    var option = {
                        // 圆环内部文字
                        title: [
                            {
                                text: value + '个',
                                left: '50%',
                                top: '35%',
                                textAlign: 'center',
                                textStyle: {
                                    fontSize: 10,
                                    color: '#5a99f9',
                                },
                            }
                        ],
                        series: [{
                            type: 'liquidFill',
                            radius: '65%',
                            z: 6,
                            center: ['50%', '50%'],
                            amplitude: 4,
                            backgroundStyle: {
                                color: {
                                    type: 'radial',
                                    x: 0.5,
                                    y: 0.5,
                                    r: 0.5,
                                    colorStops: [
                                        {
                                            offset: 0,
                                            color: '#ffffff',
                                        },
                                        {
                                            offset: 0.75,
                                            color: '#e7f2fa',
                                        },
                                        {
                                            offset: 1,
                                            color: '#bcedfd',
                                        },
                                    ],
                                    globalCoord: false,
                                },
                            },
                            color: ['#69c7eb'],
                            data: data,
                            label: {
                                normal: {
                                    formatter: '',
                                }
                            },
                            outline: {
                                show: true,
                                itemStyle: {
                                    borderWidth: 0,
                                },
                                borderDistance: 0,
                            }
                        }
                        ]
                    }

                    option && myChart.setOption(option);

                    var _this = this
                    myChart.on("click", function (params) {
                        _this.showList(4)
                    });
                },
                innerEchartsheng5() {
                    var chartDom = document.getElementById('echartsheng5');
                    var myChart = echarts.init(chartDom);
                    var option;
                    let value = this.sslObj[0].cou
                    let sunNumer = this.sslObj[0].cou + this.sslObj[1].cou
                    var data = [0.31, 0.312];
                    console.log(data)
                    var option = {
                        // 圆环内部文字
                        title: [
                            {
                                text: value + '个',
                                left: '50%',
                                top: '35%',
                                textAlign: 'center',
                                textStyle: {
                                    fontSize: 10,
                                    color: '#5a99f9',
                                },
                            }
                        ],
                        series: [{
                            type: 'liquidFill',
                            radius: '65%',
                            z: 6,
                            center: ['50%', '50%'],
                            amplitude: 4,
                            backgroundStyle: {
                                color: {
                                    type: 'radial',
                                    x: 0.5,
                                    y: 0.5,
                                    r: 0.5,
                                    colorStops: [
                                        {
                                            offset: 0,
                                            color: '#ffffff',
                                        },
                                        {
                                            offset: 0.75,
                                            color: '#e7f2fa',
                                        },
                                        {
                                            offset: 1,
                                            color: '#bcedfd',
                                        },
                                    ],
                                    globalCoord: false,
                                },
                            },
                            color: ['#69c7eb'],
                            data: data,
                            label: {
                                normal: {
                                    formatter: '',
                                }
                            },
                            outline: {
                                show: true,
                                itemStyle: {
                                    borderWidth: 0,
                                },
                                borderDistance: 0,
                            }
                        }
                        ]
                    }

                    option && myChart.setOption(option);
                },
                innerEchartsheng6() {
                    var chartDom = document.getElementById('echartsheng6');
                    var myChart = echarts.init(chartDom);
                    var option;
                    let value = this.sslObj[1].cou
                    let sunNumer = this.sslObj[0].cou + this.sslObj[1].cou
                    var data = [0.31, 0.312];
                    console.log(data)
                    var option = {
                        // 圆环内部文字
                        title: [
                            {
                                text: value + '个',
                                left: '50%',
                                top: '35%',
                                textAlign: 'center',
                                textStyle: {
                                    fontSize: 10,
                                    color: '#5a99f9',
                                },
                            }
                        ],
                        series: [{
                            type: 'liquidFill',
                            radius: '65%',
                            z: 6,
                            center: ['50%', '50%'],
                            amplitude: 4,
                            backgroundStyle: {
                                color: {
                                    type: 'radial',
                                    x: 0.5,
                                    y: 0.5,
                                    r: 0.5,
                                    colorStops: [
                                        {
                                            offset: 0,
                                            color: '#ffffff',
                                        },
                                        {
                                            offset: 0.75,
                                            color: '#e7f2fa',
                                        },
                                        {
                                            offset: 1,
                                            color: '#bcedfd',
                                        },
                                    ],
                                    globalCoord: false,
                                },
                            },
                            color: ['#69c7eb'],
                            data: data,
                            label: {
                                normal: {
                                    formatter: '',
                                }
                            },
                            outline: {
                                show: true,
                                itemStyle: {
                                    borderWidth: 0,
                                },
                                borderDistance: 0,
                            }
                        }
                        ]
                    }

                    option && myChart.setOption(option);
                },
                changeYear() {
                    this.year = this.years
                    this.showPro = false
                    if (!this.years) {
                        this.year = new Date().getFullYear().toString()
                        this.$nextTick(() => {
                            this.years = new Date().getFullYear().toString()
                        })
                    }
                    let end = setInterval(function () { }, 10000);
                    for (let i = 1; i <= end; i++) {
                        clearInterval(i);
                    }
                    var _this = this
                    $.ajax({
                        url: _this.baseUrl + "/projectInfo/new/list?pageNum=1&pageSize=999&projectLevels=" + (this.years == '2024' ? '1,9' : '1,2,3,6') + '&dependcyTownStreetCode=' + window.vm.areaCode + `&year=${_this.year}`,
                        headers: {
                            Authorization: 'Bearer ' + localStorage.getItem('token')
                        },
                        type: "get",
                        success: res => {
                            $(`.marker1`).remove();
                            $(`.marker2`).remove();
                            $(`.marker3`).remove();
                            $(`.marker6`).remove();
                            $(`.marker9`).remove();
                            $(`.marker10`).remove();
                            $(`.marker11`).remove();
                            $(`.marker12`).remove();
                            createMarker(res.rows.filter(item => { return item.projectLevel != 7 }))
                        },
                    });
                    var data = {
                        pageNum: 1,
                        pageSize: 10
                    }
                    $.ajax({
                        url: this.baseUrl + '/project/weekly/list' + `?year=${_this.year}`,
                        type: 'get',
                        headers: {
                            Authorization: 'Bearer ' + localStorage.getItem('token')
                        },
                        data: data,
                        success: function (res) {
                            _this.objNotice = res.rows[0]
                        }
                    })
                    this.gailan(this.areaCode)
                    this.zhengcezj(this.areaCode)
                    $.ajax({
                        url: _this.baseUrl + '/projectInfo/new/selectSumMap' + `?year=${_this.year}`,
                        success: function (res) {
                            _this.mapList = res.data
                        }
                    })
                    this.$nextTick(() => {
                        this.zhongdian(this.areaCode)//初始chart1化数据
                        this.beginPonit()//初始化地图点
                        setTimeout(() => {
                            this.echarts();
                            setTimeout(() => {
                                window.vm.timer = setInterval(window.vm.startTimer, 100);
                            }, 2000)
                        }, 500)
                    })
                    this.getlv()
                    this.getlv1()
                },
                geshuPromise() {
                    var _this = this
                    var p = new Promise((resolve, reject) => {
                        _this.changeColor = 0;
                        $.ajax({
                            url: _this.baseUrl + "/projectInfo/new/selectSumAreaCou" + `?year=${_this.year}`,
                            headers: {
                                Authorization: 'Bearer ' + localStorage.getItem('token')
                            },
                            type: "get",
                            success: res => {
                                _this.chart4Data = []
                                _this.chart4Data = res.data
                                resolve();
                            },
                        });
                    });
                    return p
                },
                jiedaoPromise() {
                    var _this = this
                    var p = new Promise((resolve, reject) => {
                        _this.changeColor = 2
                        $.ajax({
                            url: _this.baseUrl + "/projectInfo/new/selectSumAreaStatus" + `?year=${_this.year}`,
                            headers: {
                                Authorization: 'Bearer ' + localStorage.getItem('token')
                            },
                            type: "get",
                            success: res => {
                                _this.chartStatusData = []
                                _this.chartStatusData = res.data
                                for (var i = 0; i < _this.chartStatusData.length - 1; i++) {
                                    for (var j = 0; j < _this.chartStatusData.length - 1 - i; j++) {
                                        var num1 = _this.chartStatusData[j].status1 + _this.chartStatusData[j].status4 + _this.chartStatusData[j].status3
                                        var num2 = _this.chartStatusData[j + 1].status1 + _this.chartStatusData[j + 1].status4 + _this.chartStatusData[j + 1].status3
                                        if (num1 > num2) {
                                            var temp = _this.chartStatusData[j]
                                            _this.chartStatusData[j] = _this.chartStatusData[j + 1]
                                            _this.chartStatusData[j + 1] = temp
                                        }
                                    }
                                }
                                resolve();
                            },
                        });
                    });
                    return p
                },
                mapLoading(type) {
                    this.loading1 = type
                },
                getDicts() {
                    var _this = this;
                    $.ajax({
                        url: _this.baseUrl + '/system/dict/data/type/' + 'project_level',
                        success: function (res) {
                            _this.projectLevelList = res.data
                            _this.xmjbList = res.data
                        }
                    })
                    $.ajax({
                        url: _this.baseUrl + '/system/dict/data/type/' + 'project_status',
                        success: function (res) {
                            _this.projectStatusList = res.data
                        }
                    })
                    $.ajax({
                        url: _this.baseUrl + '/system/dict/data/type/' + 'sys_yes_no',
                        success: function (res) {
                            _this.sysYesNoList = res.data
                        }
                    })
                },

                toDetails(id) {
                    location.href = '../workInfo/index2.html?id=' + id
                },
                // 项目进度
                showProgress() {
                    var _this = this
                    this.loadingPro = true
                    var data = {
                        pageSize: 999,
                        pageNum: 1,
                        projectLevels: '1,2,3,6'
                    }
                    _this.showProS = true
                    $.ajax({
                        url: _this.baseUrl + "/projectInfo/new/list" + `?year=${_this.year}`,
                        data: data,
                        headers: {
                            Authorization: 'Bearer ' + localStorage.getItem('token')
                        },
                        success: function (res) {

                            _this.progressList = res.rows
                            _this.loadingPro = false
                        }
                    })
                },
                getProList(num) {
                    this.actPro = num
                    var _this = this
                    this.loadingPro = true
                    var data
                    if (num == 1) {
                        data = {
                            pageSize: 999,
                            pageNum: 1,
                            projectLevel: '5'
                        }
                    }
                    if (num == 2) {
                        data = {
                            pageSize: 999,
                            pageNum: 1,
                            projectLevels: '1,2,3,6'
                        }
                    }
                    if (num == 3) {
                        data = {
                            pageSize: 999,
                            pageNum: 1,
                            projectLevel: '4'
                        }
                    }
                    if (num == 10) {
                        data = {
                            pageSize: 999,
                            pageNum: 1,
                            projectLevel: 10
                        }
                    }
                    if (num == 11) {
                        data = {
                            pageSize: 999,
                            pageNum: 1,
                            projectLevel: 11
                        }
                    }
                    if (num == 12) {
                        data = {
                            pageSize: 999,
                            pageNum: 1,
                            projectLevel: 12
                        }
                    }
                    $.ajax({
                        url: this.baseUrl + "/projectInfo/new/list" + `?year=${_this.year}`,
                        data: data,
                        headers: {
                            Authorization: 'Bearer ' + localStorage.getItem('token')
                        },
                        success: function (res) {
                            _this.progressList = res.rows
                            _this.loadingPro = false
                        }
                    })
                },
                closeDia() {
                    this.dialogVisible = false
                },
                beginPonit() {
                    // setTimeout(() => {
                    //     $('#c1').click()
                    //     setTimeout(() => {
                    //         $('#c2').click()
                    //         setTimeout(() => {
                    //             $('#c3').click()
                    //             setTimeout(() => {
                    //                 $('#c6').click()
                    //                 $(".mapboxgl-marker").onclick = function (event) {
                    //                     // event.stopPropagation(); //阻止了事件冒泡,只有弹出自己的"我是最里层"，然后链接到百度
                    //                 }
                    //             }, 3000);
                    //         }, 2000);
                    //     }, 1000);
                    // }, 1000);checked
                    window.vm.c1 = true
                    window.vm.c2 = true
                    window.vm.c3 = true
                    window.vm.c6 = true
                    window.vm.c9 = true
                    $('.mapLoading').css({ display: 'block' })
                    function createMarker(e) {
                        setTimeout(() => {
                            e.forEach((item, index) => {
                                // el.setAttribute("imgUrl", 'url(' + "./img/01.png" + ')');//在线图标
                                const markerInfo = {
                                    1: { src: './img_new_new/3.png', color: '#00e1ff' },
                                    2: { src: './img_new_new/5.png', color: '#78FF00' },
                                    3: { src: './img_new_new/2.png', color: '#FF4649' },
                                    // 4: { src: './img_new_new/6.png', color: '#EAD200' },
                                    9: { src: './img_new_new/6.png', color: '#FF7A00' },
                                    5: { src: './img_new_new/4.png', color: '#FF7A00' },
                                    10: { src: './img_new_new/10.png', color: '#FF7A00' },
                                    11: { src: './img_new_new/11.png', color: '#FF7A00' },
                                    12: { src: './img_new_new/12.png', color: '#FF7A00' },
                                    6: { src: './img_new_new/1.png', color: '#C86FFF' }
                                };
                                const info = markerInfo[item.projectLevel];
                                const dom = document.createElement('img');
                                dom.width = 27;
                                dom.src = info.src;
                                dom.classList.add(`marker${item.projectLevel}`);
                                dom.classList.add('makerOne');
                                const data = document.createAttribute('dataV');
                                data.nodeValue = JSON.stringify(item);
                                dom.attributes.setNamedItem(data);
                                const marker = new mapboxgl.Marker({ 'element': dom, "color": info.color }).setLngLat([item.longitude, item.dimension]).addTo(map);
                                // if (item.projectLevel == 1) {
                                //     let dom = document.createElement('img');
                                //     dom.width = 27
                                //     dom.src = './img/3.png'
                                //     dom.classList.add(`marker1`)
                                //     dom.classList.add(`makerOne`)
                                //     var data = document.createAttribute('dataV')
                                //     data.nodeValue = JSON.stringify(item)
                                //     dom.attributes.setNamedItem(data)
                                //     const marker = new mapboxgl.Marker({ 'element': dom, "color": "#00e1ff", })
                                //         .setLngLat([item.longitude, item.dimension])
                                //         // .setPopup(popup)
                                //         .addTo(map);
                                // }
                                // else if (item.projectLevel == 2) {
                                //     let dom = document.createElement('img');
                                //     dom.width = 27
                                //     dom.src = './img/5.png'
                                //     dom.classList.add(`marker2`)
                                //     dom.classList.add(`makerOne`)
                                //     var data = document.createAttribute('dataV')
                                //     data.nodeValue = JSON.stringify(item)
                                //     dom.attributes.setNamedItem(data)
                                //     const marker = new mapboxgl.Marker({ 'element': dom, "color": "#78FF00", })
                                //         .setLngLat([item.longitude, item.dimension])
                                //         // .setPopup(popup)
                                //         .addTo(map);
                                // }
                                // else if (item.projectLevel == 3) {
                                //     let dom = document.createElement('img');
                                //     dom.width = 27
                                //     dom.src = './img/2.png'
                                //     dom.classList.add(`marker3`)
                                //     dom.classList.add(`makerOne`)
                                //     var data = document.createAttribute('dataV')
                                //     data.nodeValue = JSON.stringify(item)
                                //     dom.attributes.setNamedItem(data)
                                //     const marker = new mapboxgl.Marker({ 'element': dom, "color": "#FF4649", })
                                //         .setLngLat([item.longitude, item.dimension])
                                //         // .setPopup(popup)
                                //         .addTo(map);
                                // }
                                // else if (item.projectLevel == 4) {

                                //     let dom = document.createElement('img');
                                //     dom.width = 27
                                //     dom.src = './img/6.png'
                                //     dom.classList.add(`marker4`)
                                //     dom.classList.add(`makerOne`)
                                //     var data = document.createAttribute('dataV')
                                //     data.nodeValue = JSON.stringify(item)
                                //     dom.attributes.setNamedItem(data)
                                //     const marker = new mapboxgl.Marker({ 'element': dom, "color": "#EAD200", })
                                //         .setLngLat([item.longitude, item.dimension])
                                //         // .setPopup(popup)
                                //         .addTo(map);
                                // }
                                // else if (item.projectLevel == 5) {
                                //     let dom = document.createElement('img');
                                //     dom.width = 27
                                //     dom.src = './img/4.png'
                                //     dom.classList.add(`marker5`)
                                //     dom.classList.add(`makerOne`)
                                //     var data = document.createAttribute('dataV')
                                //     data.nodeValue = JSON.stringify(item)
                                //     dom.attributes.setNamedItem(data)
                                //     const marker = new mapboxgl.Marker({ 'element': dom, "color": "#FF7A00", })
                                //         .setLngLat([item.longitude, item.dimension])
                                //         // .setPopup(popup)
                                //         .addTo(map);

                                // }
                                // else if (item.projectLevel == 6) {
                                //     let dom = document.createElement('img');
                                //     dom.width = 27
                                //     dom.src = './img/1.png'
                                //     dom.classList.add(`marker6`)
                                //     dom.classList.add(`makerOne`)
                                //     var data = document.createAttribute('dataV')
                                //     data.nodeValue = JSON.stringify(item)
                                //     dom.attributes.setNamedItem(data)
                                //     const marker = new mapboxgl.Marker({ 'element': dom, "color": "#C86FFF", })
                                //         .setLngLat([item.longitude, item.dimension])
                                //         // .setPopup(popup)
                                //         .addTo(map);
                                // }

                            })
                            // window.vm.mapLoading(false)
                            $('.mapLoading').css({ display: 'none' })
                            $('.makerOne').on('mouseenter', function (e) {
                                e.stopPropagation()
                                window.vm.shadowObj = JSON.parse(e.target.attributes.dataV.nodeValue)
                                window.vm.showbox = true
                                window.vm.$nextTick(() => {
                                    $('#shadow').css({ top: e.clientY + 20, left: e.clientX + 20 })
                                })
                            })
                            $('.makerOne').on('click', function (e) {
                                e.stopPropagation()
                                var id = JSON.parse(e.target.attributes.dataV.nodeValue).id
                                location.href = '../workInfo/index2.html?id=' + id
                            })
                            $('.makerOne').on('mouseleave', function (e) {
                                $('#shadow').css({ top: 0, left: 0 })
                                window.vm.showbox = false
                            })
                        }, 100);
                    };
                    var _this = this
                    $.ajax({
                        url: _this.baseUrl + "/projectInfo/new/list?pageNum=1&pageSize=999&projectLevels=" + (this.years == '2024' ? '1,9' : '1,2,3,6') + '&dependcyTownStreetCode=' + window.vm.areaCode + `&year=${_this.year}`,
                        headers: {
                            Authorization: 'Bearer ' + localStorage.getItem('token')
                        },
                        type: "get",
                        success: res => {
                            createMarker(res.rows.filter(item => { return item.projectLevel != 7 }))
                        },
                    });
                },
                showMajorList(type, areaCode) {
                    // this.tableData = []
                    this.showTable = true;
                    this.loading = true
                    var _this = this
                    _this.types = type
                    _this.projectLevels = undefined
                    $.ajax({
                        url: this.baseUrl + "/projectInfo/new/list?projectType=" + type + "&dependcyTownStreetCode=" + areaCode + `&year=${_this.year}`,
                        headers: {
                            Authorization: 'Bearer ' + localStorage.getItem('token')
                        },
                        data: {
                            pageSize: 999
                        },
                        type: "get",
                        success: res => {
                            res.rows.forEach((item, index) => {
                                if (type == 1) {
                                    this.tableData = res.rows
                                    this.loading = false
                                }
                                else if (type == 2) {
                                    this.tableData = res.rows
                                    this.loading = false
                                }
                                else if (type == 3) {
                                    this.tableData = res.rows
                                    this.loading = false
                                }
                                else if (type == 4) {
                                    this.tableData = res.rows
                                    this.loading = false
                                }
                                else {
                                    this.tableData = res.rows
                                    this.loading = false
                                }
                            })
                        },
                    });
                },
                showList(level) {
                    this.showTable = true;
                    this.loading = true
                    var _this = this
                    $.ajax({
                        url: this.baseUrl + "/projectInfo/new/list?projectLevel=" + level + `&year=${_this.year}`,
                        headers: {
                            Authorization: 'Bearer ' + localStorage.getItem('token')
                        },
                        data: {
                            pageSize: 999
                        },
                        type: "get",
                        success: res => {
                            if (level == 1) {
                                this.tableData = res.rows
                                this.loading = false
                            }
                            else if (level == 2) {
                                this.tableData = res.rows
                                this.loading = false
                            }
                            else if (level == 3) {
                                this.tableData = res.rows
                                this.loading = false
                            }
                            else if (level == 4) {
                                this.tableData = res.rows
                                this.loading = false
                            }
                            else if (level == 5) {
                                this.tableData = res.rows
                                this.loading = false
                            }
                            else {
                                this.tableData = res.rows
                                this.loading = false
                            }
                        },
                    });
                },
                szxzjList1(areaCode) {
                    this.showTable = true;
                    this.loading = true
                    this.itemListForm.areaCode = areaCode
                    var _this = this
                    this.projectLevels = 10
                    this.types = undefined
                    $.ajax({
                        url: this.baseUrl + `/projectInfo/new/list?projectLevels=10&dependcyTownStreetCode=` + areaCode + `&year=${_this.year}`,
                        headers: {
                            Authorization: 'Bearer ' + localStorage.getItem('token')
                        },
                        data: {
                            pageSize: 999
                        },
                        type: "get",
                        success: res => {
                            this.tableData = res.rows
                            this.loading = false
                        },
                    });
                },
                zsList() {
                    this.showTable = true;
                    this.loading = true
                    var _this = this
                    this.projectLevels = 12
                    this.tableType = 12
                    $.ajax({
                        url: this.baseUrl + `/projectInfo/new/list?projectLevels=12&dependcyTownStreetCode=` + _this.areaCode + `&year=${_this.year}`,
                        headers: {
                            Authorization: 'Bearer ' + localStorage.getItem('token')
                        },
                        data: {
                            pageSize: 999
                        },
                        type: "get",
                        success: res => {
                            this.tableData = res.rows
                            this.loading = false
                        },
                    });
                },
                sjList1(areaCode) {
                    this.showTable = true;
                    this.loading = true
                    this.itemListForm.areaCode = areaCode
                    var _this = this
                    this.projectLevels = _this.years == 2024 ? '1' : '1,2,3,6'
                    this.types = undefined
                    $.ajax({
                        url: this.baseUrl + `/projectInfo/new/list?projectLevels=${_this.years == 2024 ? '1' : '1,2,3,6'}&dependcyTownStreetCode=` + areaCode + `&year=${_this.year}`,
                        headers: {
                            Authorization: 'Bearer ' + localStorage.getItem('token')
                        },
                        data: {
                            pageSize: 999
                        },
                        type: "get",
                        success: res => {
                            this.tableData = res.rows
                            this.loading = false
                        },
                    });
                },
                lcList(areaCode) {
                    this.showTable = true;
                    this.loading = true
                    var _this = this
                    this.projectLevels = _this.years == 2024 ? '9' : '5'
                    this.types = undefined
                    $.ajax({
                        url: this.baseUrl + `/projectInfo/new/list?projectLevels=${_this.years == 2024 ? 9 : 5}&dependcyTownStreetCode=` + areaCode + `&year=${_this.year}`,
                        headers: {
                            Authorization: 'Bearer ' + localStorage.getItem('token')
                        },
                        data: {
                            pageSize: 999
                        },
                        type: "get",
                        success: res => {
                            this.tableData = res.rows
                            this.loading = false
                            this.loading = false
                        },
                    });
                },
                lcList2(areaCode) {
                    this.showTable = true;
                    this.loading = true
                    var _this = this
                    this.projectLevels = '5'
                    this.types = undefined
                    $.ajax({
                        url: this.baseUrl + `/projectInfo/new/list?projectLevels=${5}&dependcyTownStreetCode=` + areaCode + `&year=${_this.year}`,
                        headers: {
                            Authorization: 'Bearer ' + localStorage.getItem('token')
                        },
                        data: {
                            pageSize: 999
                        },
                        type: "get",
                        success: res => {
                            this.tableData = res.rows
                            this.loading = false
                            this.loading = false
                        },
                    });
                },
                lcList3(areaCode) {
                    this.showTable = true;
                    this.loading = true
                    var _this = this
                    this.projectLevels = '4'
                    this.types = undefined
                    $.ajax({
                        url: this.baseUrl + `/projectInfo/new/list?projectLevels=${4}&dependcyTownStreetCode=` + areaCode + `&year=${_this.year}`,
                        headers: {
                            Authorization: 'Bearer ' + localStorage.getItem('token')
                        },
                        data: {
                            pageSize: 999
                        },
                        type: "get",
                        success: res => {
                            this.tableData = res.rows
                            this.loading = false
                            this.loading = false
                        },
                    });
                },
                lqList(areaCode) {
                    this.showTable = true;
                    this.loading = true
                    var _this = this
                    this.projectLevels = 4
                    this.types = undefined
                    $.ajax({
                        url: this.baseUrl + "/projectInfo/new/list?projectLevels=4&dependcyTownStreetCode=" + areaCode + `&year=${_this.year}`,
                        headers: {
                            Authorization: 'Bearer ' + localStorage.getItem('token')
                        },
                        data: {
                            pageSize: 999
                        },
                        type: "get",
                        success: res => {
                            this.tableData = res.rows
                            this.loading = false
                        },
                    });
                },
                format1(percentage) {
                    return percentage == 0 ? `''` : `''`
                },
                format2(percentage) {
                    return percentage == 0 ? `''` : `''`
                },
                checkDrill(tag) {
                    this.showbox = false;
                    var _this = this
                    $('.mapboxgl-marker').remove()
                    if (typeof (tag) === 'object') {
                        var _this = this;
                        this.areaCode = tag.properties.adcode
                        this.jibieData(this.areaCode)
                        this.zhongdian(this.areaCode)
                        this.gailan(this.areaCode)
                        this.zhengcezj(this.areaCode)
                        setTimeout(() => {
                            this.echarts();
                        }, 500)//重载echart
                        // this.jibiezhanbi(this.areaCode)
                        // window.maps.loadImage('./img_new_new/mapback.png', function(error, image) {
                        //     window.maps.addImage(province.properties.name+'',image)
                        // window.map.removeLayer('areaNameJiedao')
                        // window.map.removeLayer('outlineJiedao')
                        window.map.removeLayer('areaName')
                        window.map.removeLayer('outline')
                        $.ajax({
                            url: './jiedao2.json',
                            success: res => {
                                var provinceNew = res.features.filter(item => {
                                    return item.properties.adcode.substring(0, 6) == _this.areaCode.toString().substring(0, 6)
                                })
                                _this.provinceNew = provinceNew
                                var resNew = res
                                resNew.features = provinceNew
                                window.vm.liaocheng.forEach(function (province) {
                                    if (map.getSource(province.properties.name)) {
                                        window.map.removeSource(province.properties.name)
                                    } else {
                                        console.log('数据源不存在');
                                    }
                                    if (map.getLayer(province.properties.name)) {
                                        window.map.removeLayer(province.properties.name)
                                    } else {
                                        console.log('图层不存在');
                                    }
                                })
                                provinceNew.forEach(function (province) {
                                    map.addLayer({
                                        id: province.properties.name, // 使用省份名称作为图层ID
                                        type: 'fill',
                                        source: {
                                            type: 'geojson',
                                            data: province // 添加当前省份的GeoJSON数据
                                        },
                                        layout: {},
                                        paint: {
                                            'fill-pattern': 'pattern-name' // 使用之前添加的图片作为填充模式
                                        }
                                    });
                                });
                                if (map.getSource('maine_jiedao')) {
                                    map.removeSource('maine_jiedao');
                                }
                                map.addSource('maine_jiedao', {
                                    type: 'geojson',
                                    data: resNew
                                });

                                map.addLayer({
                                    id: 'areaName',
                                    type: 'symbol',
                                    source: "maine",
                                    layout: {
                                        // "icon-image": `livestock-icon`,
                                        "icon-size": 1,
                                        'text-field': "{name}",
                                        'text-offset': [0, -2],
                                        'text-anchor': 'top',
                                        'text-size': 14
                                    },
                                    paint: {
                                        "text-color": '#4c606e',
                                    },

                                })
                                map.addLayer({
                                    id: "outline",
                                    type: "line",
                                    source: "maine",
                                    layout: {},
                                    paint: {
                                        "line-color": "#fff",
                                        "line-width": 2,
                                        "line-opacity": 1,
                                    },
                                })


                                map.addLayer({
                                    id: 'areaNameJiedao',
                                    type: 'symbol',
                                    source: "maine_jiedao",
                                    layout: {
                                        // "icon-image": `livestock-icon`,
                                        "icon-size": 1,
                                        'text-field': "{name}",
                                        'text-offset': [0, -2],
                                        'text-anchor': 'top',
                                        'text-size': 14
                                    },
                                    paint: {
                                        "text-color": '#4c606e',
                                    },

                                })
                                map.addLayer({
                                    id: "outlineJiedao",
                                    type: "line",
                                    source: "maine_jiedao",
                                    layout: {},
                                    paint: {
                                        "line-color": "#fff",
                                        "line-width": 2,
                                        "line-opacity": 1,
                                    },
                                })

                                window.maps.getSource('maine').setData({
                                    type: "FeatureCollection",
                                    features: [tag]
                                })
                                window.maps.getSource('maine_copy').setData({
                                    type: "FeatureCollection",
                                    features: [tag]
                                })

                                window.maps.flyTo({
                                    center: [turf.centroid({
                                        type: "FeatureCollection",
                                        features: [tag]
                                    }).geometry.coordinates[0], turf.centroid({
                                        type: "FeatureCollection",
                                        features: [tag]
                                    }).geometry.coordinates[1] - 0.2],
                                    zoom: 9.1,
                                    curve: 1,
                                })

                                window.vm.c1 = false
                                window.vm.c2 = false
                                window.vm.c3 = false
                                window.vm.c6 = false
                                window.vm.beginPonit()
                            }
                        })

                    } else {
                        //console.log(window.currentMarkers, '清空点')
                        this.areaCode = this.areaCodes
                        this.zhongdian(this.areaCode)
                        this.gailan(this.areaCode)
                        this.zhengcezj(this.areaCode)
                        setTimeout(() => {
                            this.echarts();
                        }, 500)//重载echart
                        window.counter = 1 //返回后使得地图点击事件可用
                        this.changeColor2 = 0
                        this.counter = 1
                        this.isDrill = false
                        window.vm.clearTimeSet()
                        window.vm.timeSet()
                        //console.log('当前地图可下钻')
                        // window.map.removeLayer(window.mapName)
                        window.map.removeLayer('areaNameJiedao')
                        window.map.removeLayer('outlineJiedao')
                        window.map.removeLayer('areaName')
                        window.map.removeLayer('outline')
                        window.vm.provinceNew.forEach(function (province) {
                            window.map.removeLayer(province.properties.name)
                            window.map.removeSource(province.properties.name)
                        })
                        window.vm.liaocheng.forEach(function (province) {
                            if (map.getSource(province.properties.name)) {
                                window.map.removeSource(province.properties.name)
                            } else {
                                console.log('数据源不存在');
                            }
                            if (map.getLayer(province.properties.name)) {
                                window.map.removeLayer(province.properties.name)
                            } else {
                                console.log('图层不存在');
                            }
                        })
                        window.vm.liaocheng.forEach(function (province) {
                            map.addLayer({
                                id: province.properties.name, // 使用省份名称作为图层ID
                                type: 'fill',
                                source: {
                                    type: 'geojson',
                                    data: province // 添加当前省份的GeoJSON数据
                                },
                                layout: {},
                                paint: {
                                    'fill-pattern': 'pattern-name' // 使用之前添加的图片作为填充模式
                                }
                            });
                        });
                        window.maps.getSource('maine_copy').setData({
                            type: "FeatureCollection",
                            features: this.conlist
                        })
                        window.maps.getSource('maine').setData({
                            type: "FeatureCollection",
                            features: this.conlist
                        })
                        map.addLayer({
                            id: 'areaName',
                            type: 'symbol',
                            source: "maine",
                            layout: {
                                // "icon-image": `livestock-icon`,
                                "icon-size": 1,
                                'text-field': "{name}",
                                'text-offset': [0, -2],
                                'text-anchor': 'top',
                                'text-size': 14
                            },
                            paint: {
                                "text-color": '#4c606e',
                            },

                        })
                        map.addLayer({
                            id: "outline",
                            type: "line",
                            source: "maine",
                            layout: {},
                            paint: {
                                "line-color": "#fff",
                                "line-width": 2,
                                "line-opacity": 1,
                            },
                        })
                        window.maps.flyTo({
                            center: [115.98026928250374, 36.25961962338327],
                            zoom: 8.5,
                            curve: 1,
                        })
                        window.vm.c1 = false
                        window.vm.c2 = false
                        window.vm.c3 = false
                        window.vm.c6 = false
                        window.vm.beginPonit()
                    }

                },
                clearInner2() {
                    this.checkDrill(0)
                    clearInterval(window.vm.timer)
                    this.getlv()
                    this.getlv1()
                    //console.log(features[0].properties, counter, '下钻区县', '当前下钻次数')
                    // //console.log(features[0])
                    window.counter = 1
                    window.vm._data.counter = 1
                    // //console.log(counter, '应等于2');
                    // var areaCode = '3715'
                    window.vm._data.isDrill = false
                    window.vm.echarts()
                    setTimeout(() => {
                        window.vm.timer = setInterval(window.vm.startTimer, 100);
                    }, 2000)
                    window.vm.clearTimeSet()
                    window.vm.timeSet()
                },
                gailan(areaCode) {
                    var _this = this
                    $.ajax({
                        url: _this.baseUrl + "/projectInfo/new/selectSum?code=" + areaCode + `&year=${_this.year}`,
                        headers: {
                            Authorization: 'Bearer ' + localStorage.getItem('token')
                        },
                        type: "get",
                        success: res => {
                            _this.shengji = res.data.level
                            _this.shuiqiu = res.data
                            _this.chart2Data = res.data.major.map((item) => {
                                return {
                                    value: item.cou,
                                    name: item.name,
                                }
                            })
                        },
                    });
                },
                jibiezhanbi(areaCode) {
                    var _this = this
                    $.ajax({
                        url: _this.baseUrl + "/projectInfo/new/selectSum?code=" + areaCode + `&year=${_this.year}`,
                        headers: {
                            Authorization: 'Bearer ' + localStorage.getItem('token')
                        },
                        type: "get",
                        success: res => {
                            _this.shuiqiu = res.data
                        },
                    });
                },
                jiedaoData() {
                    this.changeColor = 2
                    var _this = this
                    $.ajax({
                        url: _this.baseUrl + "/projectInfo/new/selectSumAreaStatus" + `?year=${_this.year}`,
                        headers: {
                            Authorization: 'Bearer ' + localStorage.getItem('token')
                        },
                        type: "get",
                        success: res => {
                            _this.chartStatusData = []
                            _this.chartStatusData = res.data
                            for (var i = 0; i < _this.chartStatusData.length - 1; i++) {
                                for (var j = 0; j < _this.chartStatusData.length - 1 - i; j++) {
                                    var num1 = _this.chartStatusData[j].status1 + _this.chartStatusData[j].status2 + _this.chartStatusData[j].status3 + _this.chartStatusData[j].status4 + _this.chartStatusData[j].status5
                                    var num2 = _this.chartStatusData[j + 1].status1 + _this.chartStatusData[j + 1].status2 + _this.chartStatusData[j + 1].status3 + _this.chartStatusData[j + 1].status4 + _this.chartStatusData[j + 1].status5
                                    if (num1 > num2) {
                                        var temp = _this.chartStatusData[j]
                                        _this.chartStatusData[j] = _this.chartStatusData[j + 1]
                                        _this.chartStatusData[j + 1] = temp
                                    }
                                }
                            }
                        },
                    });
                },
                jibieData(areaCode) {
                    var _this = this
                    _this.changeColor1 = 1;
                    $.ajax({
                        url: _this.baseUrl + "/projectInfo/new/selectSum?code=" + areaCode + `&year=${_this.year}`,
                        headers: {
                            Authorization: 'Bearer ' + localStorage.getItem('token')
                        },
                        type: "get",
                        success: res => {
                            _this.chart1Data = []
                            _this.chart1Data = res.data.level_states
                            // for (let i = 0; i < _this.chart1Data.length; i++) {
                            //     if (_this.chart1Data[i].name == '省重大') {
                            //         _this.chart1Data.splice(i, 1)
                            //     }
                            // }
                            const deleteNames = ['省级项目', '省优选', '省补短板', '省双招'];
                            for (let i = 0; i < _this.chart1Data.length; i++) {
                                if (deleteNames.includes(_this.chart1Data[i].name)) {
                                    _this.chart1Data.splice(i, 1); i--;
                                }
                            }

                            // _this.innerEchart1()
                        },
                    });
                },
                zhongdian(areaCode) {
                    var _this = this
                    _this.changeColor1 = 0;
                    $.ajax({
                        url: _this.baseUrl + "/projectInfo/new/selectSum?code=" + areaCode + `&year=${_this.year}`,
                        headers: {
                            Authorization: 'Bearer ' + localStorage.getItem('token')
                        },
                        type: "get",
                        success: res => {
                            _this.chart1Data = []
                            _this.chart1Data = res.data.level_states
                            const deleteNames = ['省级项目', '聊城市', '省优选', '省补短板', '省双招', '省重大', '高质量发展'];
                            for (let i = 0; i < _this.chart1Data.length; i++) {
                                if (deleteNames.includes(_this.chart1Data[i].name)) {
                                    _this.chart1Data.splice(i, 1); i--;
                                }
                            }

                            // _this.innerEchart1()
                        },
                    });
                },
                geshu() {
                    var _this = this
                    _this.changeColor = 0;
                    $.ajax({
                        url: _this.baseUrl + "/projectInfo/new/selectSumAreaCou" + `?year=${_this.year}`,
                        headers: {
                            Authorization: 'Bearer ' + localStorage.getItem('token')
                        },
                        type: "get",
                        success: res => {
                            _this.chart4Data = []
                            _this.chart4Data = res.data
                        },
                    });
                },
                roudNum(status) {
                    let number = status == 1 ? 0 : status == 4 ? 100 : Math.floor(Math.random() * (60 - 30 + 1)) + 30
                    return number
                },
                workDay() {
                    var _this = this
                    _this.changeColor2 = 0;

                },
                mouseenter1() {
                    clearInterval(this.toolTipTimer)
                },
                mouseleave1() {
                    var xData2 = [];
                    this.chart1Data.map(e => {
                        // //console.log(e,'aaaaaaaaaaaaaaaaaa')
                        xData2.push(e.name)
                    });;
                    let index = 0
                    // this.toolTipTimer = setInterval(() => {
                    //   this.myChart.dispatchAction({
                    //     type: 'showTip', // 提示框
                    //     seriesIndex: 0,
                    //     dataIndex: index // 第几行柱子高亮
                    //   })
                    //   if (index == xData2.length - 1) index = 0 //展示到最后一个的时候 从0开始
                    //   else index++
                    // }, 2000)
                },
                mouseenter3() {
                    clearInterval(this.toolTipTimer3)
                    clearInterval(this.timer)
                },
                mouseleave3() {
                    var _this = this
                    let index = 0
                    var chartDom = document.getElementById("echart2");
                    var myChart = echarts.init(chartDom);
                    var chartData = this.chart2Data.filter(item => { return item.value != 0 })
                    setTimeout(() => {
                        window.vm.timer = setInterval(window.vm.startTimer, 100);
                    }, 2000)
                    this.toolTipTimer3 = setInterval(() => {
                        myChart.dispatchAction({
                            type: 'showTip', // 提示框
                            seriesIndex: 4,
                            dataIndex: index // 第几行柱子高亮
                        })
                        if (index == chartData.length - 1) index = 0 //展示到最后一个的时候 从0开始
                        else index++
                    }, 2000)
                },
                format(percentage) {
                    // return percentage == 0 ? `${percentage}个` : `${percentage}个`
                    return ''
                },
                format1(percentage) {
                    // return percentage == 0 ? `${percentage}个` : `${percentage}个`
                    return ''
                },
                projects() {
                    var _this = this
                    _this.changeColor2 = 1;
                },
                echarts() {
                    setTimeout(() => {
                        // 三个率
                        this.getlv()
                        this.getlv1()
                        // this.innerEchart1()
                        this.innerEchart2()
                        this.innerEchart6() //水球图
                        this.innerEcharts5() //水球图
                        if (this.year == 2024) {
                            this.innerEcharts7()
                            // this.innerEcharts8()
                        }
                        this.innerEchartzc()//水球图
                        // 手续办理进展两个环形图
                        // this.innerEchart11()
                        // this.innerEchart12()
                    }, 500);
                },
                //左侧echarts
                innerEchart1() {
                    var chartDom = document.getElementById('echart1');
                    var myChart = echarts.init(chartDom);
                    var option;
                    var xData2 = [];
                    this.chart1Data.map(e => {

                        // //console.log(e,'aaaaaaaaaaaaaaaaaa')
                        xData2.push(e.name)
                    });;

                    var xdata = []
                    var val1 = []
                    var val2 = []
                    var val3 = []
                    var val4 = []
                    var val5 = []
                    var valueData = []
                    this.chart1Data.forEach((e, index, self) => {
                        xdata.push(e.name)
                        val1.push(e.cou1)
                        val2.push(e.cou2)
                        val3.push(e.cou3)
                        val4.push(e.cou4)
                        val5.push(e.cou5)
                    })
                    valueData.push({ name: '正在推进', data: val1 })
                    valueData.push({ name: '等待土地指标', data: val2 })
                    valueData.push({ name: '手续已完成', data: val3 })
                    valueData.push({ name: '尚在筹备', data: val4 })
                    valueData.push({ name: '补办手续', data: val5 })
                    // mockData = {
                    //     xdata:xdata,
                    //     result:valueData
                    // }
                    const mockData = {
                        xdata: xdata,
                        result: valueData
                    }
                    // 获取第一个柱状图的数据
                    // let dataForFirstBar = mockData.result;

                    const color = [
                        [{ offset: 0, color: 'rgba(223,223,223, 1)' }, { offset: 1, color: 'rgba(255,255,255, 0)' }],
                        [{ offset: 0, color: 'rgba(234,220,18, 1)' }, { offset: 1, color: 'rgba(255,102,0, 0)' }],
                        [{ offset: 0, color: 'rgba(1,240,143, 1)' }, { offset: 1, color: 'rgba(5,161,43, 0)' }],
                        [{ offset: 0, color: 'rgba(175,250,255, 1)' }, { offset: 1, color: 'rgba(71,239,254, 0)' }],
                        [{ offset: 0, color: 'rgba(255,176,210, 1)' }, { offset: 1, color: 'rgba(253,51,115, 0)' }],
                    ]
                    var color2 = ['#e4e4e4', '#fbae04', '#05a631']
                    color2 = [
                        [{ offset: 0, color: 'rgba(223,223,223, 1)' }, { offset: 1, color: 'rgba(255,255,255, 0)' }],
                        [{ offset: 0, color: 'rgba(234,220,18, 1)' }, { offset: 1, color: 'rgba(255,102,0, 0)' }],
                        [{ offset: 0, color: 'rgba(1,240,143, 1)' }, { offset: 1, color: 'rgba(5,161,43, 0)' }],
                        [{ offset: 0, color: 'rgba(175,250,255, 1)' }, { offset: 1, color: 'rgba(71,239,254, 0)' }],
                        [{ offset: 0, color: 'rgba(255,176,210, 1)' }, { offset: 1, color: 'rgba(253,51,115, 0)' }],
                    ]
                    // tooltip
                    const tooltip = {
                        trigger: "axis",
                        textStyle: { fontSize: '100%' },
                        confine: true
                    }

                    const legend = {
                        show: false
                    }
                    const grid = { top: '15%', left: '20%', right: '2%', bottom: '25%' }
                    // xAxis
                    const xAxis = {
                        axisTick: { show: true },
                        axisLine: { lineStyle: { color: 'rgba(255,255,255, .2)' } },
                        axisLabel: {
                            rotate: 60,
                            textStyle: { fontSize: 12, color: '#fff' },
                        },
                        data: mockData.xdata,
                    }

                    // yAxis
                    const yAxis = [{
                        axisTick: { show: false },
                        axisLine: { show: false },
                        splitLine: { lineStyle: { color: 'rgba(255,255,255, .05)' } },
                        axisLabel: { textStyle: { fontSize: 14, color: '#fff' } }
                    }, {
                        show: false,
                        splitLine: { show: false },
                        axisLine: { show: false },
                        axisTick: { show: false },
                    }]
                    const diamondData = mockData.result.reduce((pre, cur, index) => {
                        pre[index] = cur.data.map((el, id) => el + (pre[index - 1] ? pre[index - 1][id] : 0))
                        return pre
                    }, [])

                    // const diamondData1 = mockData.result1.reduce((pre, cur, index) => {
                    //     pre[index] = cur.data.map((el, id) => el + ( pre[index - 1] ? pre[index - 1][id] : 0))
                    //     return pre
                    // }, [])

                    let series = mockData.result.reduce((p, c, i, array) => {
                        p.push({
                            z: i + 1,
                            stack: '总量',
                            type: 'bar',
                            name: c.name,
                            barGap: '-100%',
                            barWidth: 24,
                            data: c.data,
                            itemStyle: { color: new echarts.graphic.LinearGradient(0, 0, 0, 1, color[i], false) },
                        },
                            {
                                z: i + 10,
                                type: 'pictorialBar',
                                symbolPosition: 'end',

                                symbolOffset: [0, '-50%'],
                                symbolSize: [24, 10],
                                data: diamondData[i].map(item => {
                                    return {
                                        value: item,
                                        symbol: 'diamond',
                                    }
                                }),
                                itemStyle: { color: new echarts.graphic.LinearGradient(0, 0, 0, 1, color2[i], false) },
                                tooltip: { show: false },
                            })
                        return p
                    }, [])

                    option = { tooltip, legend, xAxis, yAxis, series, grid }


                    option && myChart.setOption(option);
                    var _this = this
                    this.myChart = myChart
                    clearInterval(this.toolTipTimer)
                    let index = 0
                    this.toolTipTimer = setInterval(() => {
                        myChart.dispatchAction({
                            type: 'showTip', // 提示框
                            seriesIndex: 0,
                            dataIndex: index // 第几行柱子高亮
                        })
                        if (index == xData2.length - 1) index = 0 //展示到最后一个的时候 从0开始
                        else index++
                    }, 2000)
                    myChart.on("click", function (params) {

                        if (_this.changeColor1 == 2) {

                            const area = _this.chart1Data.filter((fi) => {
                                return fi.name == params.name
                            })

                            if (area[0].dependcy_town_street_code) {
                                _this.loading = true
                                $.ajax({
                                    url: _this.baseUrl + "/projectInfo/new/list?dependcyTownStreetCode=" + area[0].dependcy_town_street_code + `&year=${_this.year}`,
                                    headers: {
                                        Authorization: 'Bearer ' + localStorage.getItem('token')
                                    },
                                    data: {
                                        pageSize: 999
                                    },
                                    type: "get",
                                    success: res => {
                                        _this.tableData = res.rows
                                        _this.loading = false
                                    },
                                });
                                _this.showTable = true
                            }
                        } else {
                            //console.log(params.name, 'aaaaaaaaaa')
                            var level = _this.chart1Data.filter((fi) => {
                                return fi.name == params.name
                            })
                            //console.log(level[0].name, 'level[0].name')
                            const levels = { '省重大': 1, '省优选': 2, '省补短板': 3, '聊城市': 5 };
                            const defaultLevel = 6;
                            const levelName = level[0].name;
                            const showLevel = levels[levelName] || defaultLevel;
                            _this.showList(showLevel);

                        }
                    });

                },
                innerEchart2() {
                    var chartDom = document.getElementById("echart2");
                    var myChart = echarts.init(chartDom);
                    myChart.clear()
                    // //console.log(myChart, 'myChartmyChartmyChart')
                    var option;
                    var dataNme = []
                    this.chart2Data.map(e => {
                        dataNme.push(e.name)
                        //console.log(dataNme)
                    });;
                    var chartData = this.chart2Data.filter(item => { return item.value != 0 })
                    var color = ['#31bdfe', '#f8d26e', '#ff8f8f', '#c98af3', '#02c6b1']
                    var sum = 0
                    chartData.forEach((item, index) => {
                        sum += item.value
                        item.itemStyle = {
                            color: color[index]
                        }
                    })
                    function getParametricEquation(startRatio, endRatio, isSelected, isHovered, k, h) {
                        // 计算
                        let midRatio = (startRatio + endRatio) / 2;

                        let startRadian = startRatio * Math.PI * 2;
                        let endRadian = endRatio * Math.PI * 2;
                        let midRadian = midRatio * Math.PI * 2;
                        isSelected = false;
                        k = typeof k !== 'undefined' ? k : 1 / 3;
                        let offsetX = isSelected ? Math.sin(midRadian) * 0.1 : 0;
                        let offsetY = isSelected ? Math.cos(midRadian) * 0.1 : 0;
                        let hoverRate = isHovered ? 1.05 : 1;
                        return {
                            u: {
                                min: -Math.PI,
                                max: Math.PI * 3,
                                step: Math.PI / 32,
                            },

                            v: {
                                min: 0,
                                max: Math.PI * 2,
                                step: Math.PI / 20,
                            },

                            x: function (u, v) {
                                if (u < startRadian) {
                                    return offsetX + Math.cos(startRadian) * (1 + Math.cos(v) * k) * hoverRate;
                                }
                                if (u > endRadian) {
                                    return offsetX + Math.cos(endRadian) * (1 + Math.cos(v) * k) * hoverRate;
                                }
                                return offsetX + Math.cos(u) * (1 + Math.cos(v) * k) * hoverRate;
                            },

                            y: function (u, v) {
                                if (u < startRadian) {
                                    return offsetY + Math.sin(startRadian) * (1 + Math.cos(v) * k) * hoverRate;
                                }
                                if (u > endRadian) {
                                    return offsetY + Math.sin(endRadian) * (1 + Math.cos(v) * k) * hoverRate;
                                }
                                return offsetY + Math.sin(u) * (1 + Math.cos(v) * k) * hoverRate;
                            },

                            z: function (u, v) {
                                if (u < -Math.PI * 0.5) {
                                    return Math.sin(u);
                                }
                                if (u > Math.PI * 2.5) {
                                    return Math.sin(u) * h * 0.1;
                                }
                                return Math.sin(v) > 0 ? 1 * h * 0.1 : -1;
                            },
                        };
                    }

                    function getPie3D(pieData, internalDiameterRatio) {
                        let series = [];
                        let sumValue = 0;
                        let startValue = 0;
                        let endValue = 0;
                        let legendData = [];
                        let k =
                            typeof internalDiameterRatio !== 'undefined'
                                ? (1 - internalDiameterRatio) / (1 + internalDiameterRatio)
                                : 1 / 3;
                        for (let i = 0; i < pieData.length; i++) {
                            sumValue += pieData[i].value;

                            let seriesItem = {
                                name: typeof pieData[i].name === 'undefined' ? `series${i}` : pieData[i].name,
                                type: 'surface',
                                parametric: true,
                                wireframe: {
                                    show: false,
                                },
                                pieData: pieData[i],
                                pieStatus: {
                                    selected: false,
                                    hovered: false,
                                    k: 1 / 10,
                                },
                            };
                            if (typeof pieData[i].itemStyle != 'undefined') {
                                let itemStyle = {};
                                typeof pieData[i].itemStyle.color != 'undefined' ? (itemStyle.color = pieData[i].itemStyle.color) : null;
                                typeof pieData[i].itemStyle.opacity != 'undefined'
                                    ? (itemStyle.opacity = pieData[i].itemStyle.opacity)
                                    : null;

                                seriesItem.itemStyle = itemStyle;
                            }
                            series.push(seriesItem);
                        }
                        for (let i = 0; i < series.length; i++) {
                            endValue = startValue + series[i].pieData.value;

                            series[i].pieData.startRatio = startValue / sumValue;
                            series[i].pieData.endRatio = endValue / sumValue;
                            series[i].parametricEquation = getParametricEquation(
                                series[i].pieData.startRatio,
                                series[i].pieData.endRatio,
                                false,
                                false,
                                k,
                                series[i].pieData.value
                            );

                            startValue = endValue;

                            legendData.push(series[i].name);
                        }

                        let option = {
                            legend: {
                                textStyle: {
                                    color: '#333',
                                    fontSize: 18,
                                },
                                left: '4%',
                                type: 'scroll',
                                orient: 'vertical',
                                top: 'middle',
                                data: legendData,
                                formatter: (params) => {
                                    return params;
                                },
                            },
                            tooltip: {
                                show: true,
                                formatter: (params) => {
                                    return params.seriesName + ': ' + (((chartData.find(item => { return item.name == params.seriesName }).value) / sum * 100).toFixed(1)) + '%'
                                },
                                confine: true
                            },
                            xAxis3D: {},
                            yAxis3D: {},
                            zAxis3D: {},
                            grid3D: {
                                viewControl: {
                                    autoRotate: false,
                                    // rotateSensitivity 控制旋转的灵敏度，设为 0 后无法通过鼠标拖动来旋转图表
                                    // rotateSensitivity: 0,
                                    // 设置缩放和平移的灵敏度也为 0，以禁用这些交互
                                    // zoomSensitivity: 0,
                                    // panSensitivity: 0,
                                    // 根据需要设置距离，以控制初始视图大小
                                    distance: 100
                                },

                                left: '12%',
                                width: '100%',
                                show: false,
                                boxHeight: 15,
                            },
                            series: series,
                        };
                        return option;
                    }

                    option = getPie3D(chartData,
                        0.7
                    );

                    myChart.setOption(option);

                    // myChart.on('mouseover', function (params) {
                    //     stopTimer();
                    // });

                    // myChart.on('mouseout', function (params) {
                    //     startTimer();
                    // });
                    var _this = this
                    // this.myChart3 = myChart

                    myChart.on("click", function (params) {

                        const type = _this.chart2Data.filter((fi) => {
                            return fi.name == params.seriesName
                        })
                        // //console.log(type[0].name, 'typetypetypetypetype')
                        // 农业1
                        // 基础设施2
                        // 工业3
                        // 建筑业4
                        // 服务业5

                        if (type[0].name == '农业') {
                            _this.showMajorList(1, _this.areaCode)
                        }
                        else if (type[0].name == '工业') {
                            _this.showMajorList(3, _this.areaCode)
                        }
                        else if (type[0].name == '建筑业') {
                            _this.showMajorList(4, _this.areaCode)
                        }
                        else if (type[0].name == '制造业') {
                            _this.showMajorList(6, _this.areaCode)
                        }
                        else if (type[0].name == '服务业') {
                            _this.showMajorList(7, _this.areaCode)
                        }
                        else if (type[0].name == '社会民生') {
                            _this.showMajorList(8, _this.areaCode)
                        }
                        else if (type[0].name == '基础设施') {
                            _this.showMajorList(9, _this.areaCode)
                        }
                        else if (type[0].name == '其他') {
                            _this.showMajorList(10, _this.areaCode)
                        }
                        // //console.log(type, 'aaaaaaaaaaaaaa')

                    })


                    _this.timer;

                    // this.startTimer = function doing() {
                    //     let option = myChart.getOption();
                    //     // //console.log()
                    //     option.series[1].startAngle = option.series[1].startAngle - 5;
                    //     option.series[2].startAngle = option.series[2].startAngle + 5;
                    //     // option.series[6].data[0].value = option.series[6].data[0].value + 1;
                    //     myChart.setOption(option);

                    // }

                    // function startTimer() {

                    //     _this.timer = setInterval(doing, 100);

                    // }

                    // function stopTimer() {

                    //     clearInterval(_this.timer);

                    //     xzTimer = null;

                    // }
                    // clearInterval(this.toolTipTimer3)
                    // let index = 0
                    // this.toolTipTimer3 = setInterval(() => {
                    //     // _this.timer = setInterval(this.startTimer, 100);
                    //     myChart.dispatchAction({
                    //         type: 'showTip', // 提示框
                    //         seriesIndex: 4,
                    //         dataIndex: index // 第几行柱子高亮
                    //     })
                    //     if (index == chartData.length - 1) index = 0 //展示到最后一个的时候 从0开始
                    //     else index++
                    // }, 2000)


                    function _pie3() {
                        let dataArr = [];
                        for (var i = 0; i < 100; i++) {
                            if (i % 2 === 0) {
                                dataArr.push({
                                    name: (i + 1).toString(),
                                    value: 25,
                                    itemStyle: {
                                        normal: {
                                            color: "#fff",//虚线颜色
                                            borderWidth: 0,
                                            borderColor: "rgba(0,0,0,0)"
                                        }
                                    }
                                })
                            } else {
                                dataArr.push({
                                    name: (i + 1).toString(),
                                    value: 20,
                                    itemStyle: {
                                        normal: {
                                            color: "rgba(0,0,0,0)",
                                            borderWidth: 0,
                                            borderColor: "rgba(0,0,0,0)"
                                        }
                                    }
                                })
                            }

                        }
                        return dataArr
                    }
                },
                clearTimeSet() {
                    clearInterval(this.timer1)
                },
                timeSet() {
                    if (!this.isDrill) {
                        let index = 0
                        this.timer1 = setInterval(() => {
                            if (index > 2) {
                                index = 0
                            }
                            if (index == 0) {
                                this.changeColor = 0
                                // $('#geshu').click()
                            }
                            else if (index == 1) {
                                this.changeColor = 1
                                // $('#touzie').click()
                            }
                            else if (index == 2) {
                                this.changeColor = 2
                                // $('#jiedao').click()
                            }
                            index += 1
                        }, 3000)
                    }
                    if (this.isDrill) {
                        let index = 0
                        this.timer1 = setInterval(() => {
                            if (index > 1) {
                                index = 0
                            }
                            if (index == 0) {
                                $('#gongzuori').click()
                            }
                            else if (index == 1) {
                                $('#shixiang').click()
                            }
                            index += 1
                        }, 3000)
                    }
                },
                innerEcharts5() {
                    var chartDom = document.getElementById('echarts5');
                    var myChart = echarts.init(chartDom);
                    var option;
                    let value = this.shengji[7].cou
                    let sunNumer = this.shengji[0].cou + this.shengji[7].cou
                    var datanum = (value / sunNumer).toFixed(2)
                    console.log(datanum)
                    var data = [0.31, 0.312];
                    console.log(data)
                    var option = {
                        // 圆环内部文字
                        title: [
                            {
                                text: value + '个',
                                left: '50%',
                                top: '35%',
                                textAlign: 'center',
                                textStyle: {
                                    fontSize: 10,
                                    color: '#5a99f9',
                                },
                            }
                        ],
                        series: [{
                            type: 'liquidFill',
                            radius: '65%',
                            z: 6,
                            center: ['50%', '50%'],
                            amplitude: 4,
                            backgroundStyle: {
                                color: {
                                    type: 'radial',
                                    x: 0.5,
                                    y: 0.5,
                                    r: 0.5,
                                    colorStops: [
                                        {
                                            offset: 0,
                                            color: '#ffffff',
                                        },
                                        {
                                            offset: 0.75,
                                            color: '#e7f2fa',
                                        },
                                        {
                                            offset: 1,
                                            color: '#bcedfd',
                                        },
                                    ],
                                    globalCoord: false,
                                },
                            },
                            color: ['#69c7eb'],
                            data: data,
                            label: {
                                normal: {
                                    formatter: '',
                                }
                            },
                            outline: {
                                show: true,
                                itemStyle: {
                                    borderWidth: 0,
                                },
                                borderDistance: 0,
                            }
                        }
                        ]
                    }

                    option && myChart.setOption(option);

                    var _this = this
                    myChart.on("click", function (params) {
                        _this.lcList(_this.areaCode)
                    });
                },
                //水球图echarts
                innerEchart6() {
                    var chartDom = document.getElementById('echart6');
                    var myChart = echarts.init(chartDom);
                    var option;
                    let value = this.shengji[0].cou
                    let sunNumer = this.shengji[0].cou + this.shengji[7].cou
                    // 水球内部数据--蓝色
                    var datanum = (value / sunNumer).toFixed(2)
                    console.log(datanum)
                    var data = [0.31, 0.312];

                    var option = {
                        // 圆环内部文字
                        title: [
                            {
                                text: value + '个',
                                left: '50%',
                                top: '35%',
                                textAlign: 'center',
                                textStyle: {
                                    fontSize: 10,
                                    color: '#5a99f9',
                                },
                            }
                        ],
                        series: [{
                            type: 'liquidFill',
                            radius: '65%',
                            z: 6,
                            center: ['50%', '50%'],
                            amplitude: 4,
                            backgroundStyle: {
                                color: {
                                    type: 'radial',
                                    x: 0.5,
                                    y: 0.5,
                                    r: 0.5,
                                    colorStops: [
                                        {
                                            offset: 0,
                                            color: '#ffffff',
                                        },
                                        {
                                            offset: 0.75,
                                            color: '#e7f2fa',
                                        },
                                        {
                                            offset: 1,
                                            color: '#bcedfd',
                                        },
                                    ],
                                    globalCoord: false,
                                },
                            },
                            color: ['#69c7eb'],
                            data: data,
                            label: {
                                normal: {
                                    formatter: '',
                                }
                            },
                            outline: {
                                show: true,
                                itemStyle: {
                                    borderWidth: 0,
                                },
                                borderDistance: 0,
                            }
                        }
                        ]
                    }

                    option && myChart.setOption(option);

                    var _this = this
                    myChart.on("click", function (params) {
                        _this.sjList1(_this.areaCode)
                    });
                },
                innerEcharts7() {
                    var chartDom = document.getElementById('echarts7');
                    var myChart = echarts.init(chartDom);
                    var option;
                    let value = this.shengji[7].cou
                    let sunNumer = this.shengji[0].cou + this.shengji[7].cou
                    var data = [0.31, 0.312];
                    console.log(data)
                    var option = {
                        // 圆环内部文字
                        title: [
                            {
                                text: value + '个',
                                left: '50%',
                                top: '35%',
                                textAlign: 'center',
                                textStyle: {
                                    fontSize: 10,
                                    color: '#5a99f9',
                                },
                            }
                        ],
                        series: [{
                            type: 'liquidFill',
                            radius: '65%',
                            z: 6,
                            center: ['50%', '50%'],
                            amplitude: 4,
                            backgroundStyle: {
                                color: {
                                    type: 'radial',
                                    x: 0.5,
                                    y: 0.5,
                                    r: 0.5,
                                    colorStops: [
                                        {
                                            offset: 0,
                                            color: '#ffffff',
                                        },
                                        {
                                            offset: 0.75,
                                            color: '#edfdf4',
                                        },
                                        {
                                            offset: 1,
                                            color: '#befdd2',
                                        },
                                    ],
                                    globalCoord: false,
                                },
                            },
                            color: ['#4ec677', '#72dd86'],
                            data: data,
                            label: {
                                normal: {
                                    formatter: '',
                                }
                            },
                            outline: {
                                show: true,
                                itemStyle: {
                                    borderWidth: 0,
                                },
                                borderDistance: 0,
                            }
                        }
                        ]
                    }

                    option && myChart.setOption(option);

                    var _this = this
                    myChart.on("click", function (params) {
                        _this.lcList2(_this.areaCode)
                    });
                },
                innerEcharts8() {
                    var chartDom = document.getElementById('echarts8');
                    var myChart = echarts.init(chartDom);
                    var option;
                    let value = this.shengji[11].cou || 1
                    //TODO 默认值设成0，接口改后调整
                    this.shengji[11].cou = 0;
                    value = 0;
                    let sunNumer = this.shengji[0].cou + this.shengji[11].cou
                    var data = [0.31, 0.312];
                    console.log(data)
                    var option = {
                        // 圆环内部文字
                        title: [
                            {
                                text: value + '个',
                                left: '50%',
                                top: '35%',
                                textAlign: 'center',
                                textStyle: {
                                    fontSize: 10,
                                    color: '#5a99f9',
                                },
                            }
                        ],
                        series: [{
                            type: 'liquidFill',
                            radius: '65%',
                            z: 6,
                            center: ['50%', '50%'],
                            amplitude: 4,
                            backgroundStyle: {
                                color: {
                                    type: 'radial',
                                    x: 0.5,
                                    y: 0.5,
                                    r: 0.5,
                                    colorStops: [
                                        {
                                            offset: 0,
                                            color: '#ffffff',
                                        },
                                        {
                                            offset: 0.75,
                                            color: '#edfdf4',
                                        },
                                        {
                                            offset: 1,
                                            color: '#befdd2',
                                        },
                                    ],
                                    globalCoord: false,
                                },
                            },
                            color: ['#4ec677', '#72dd86'],
                            data: data,
                            label: {
                                normal: {
                                    formatter: '',
                                }
                            },
                            outline: {
                                show: true,
                                itemStyle: {
                                    borderWidth: 0,
                                },
                                borderDistance: 0,
                            }
                        }
                        ]
                    }

                    option && myChart.setOption(option);

                    var _this = this
                    myChart.on("click", function (params) {
                        _this.lcList3(_this.areaCode)
                    });
                },
                // 预警列表弹窗
                openYjList() {
                    var _this = this
                    $.ajax({
                        url: _this.baseUrl + '/certificate/info/getBanjianAlarmInfo',
                        type: 'get',
                        headers: {
                            Authorization: 'Bearer ' + localStorage.getItem('token')
                        },
                        data: {
                            areaCode: _this.areaCode
                        },
                        success: function (res) {
                            _this.yjdataList = res.data
                            _this.yjdialog = true
                        }
                    })
                },
                openYjList2() {
                    var _this = this
                    this.yjdialog2 = true
                    this.getChartData(2)
                },
                // 政策列表弹窗
                openZcList() {
                    this.getZc()
                    this.zcdialog = true
                },
                openJbList() {
                    this.getJb()
                    this.jbdialog = true
                },
                goZC(item) {
                    window.open(window.vm.baseUrl + item.attachment)
                },
                goJb(item) {
                    window.open(window.vm.baseUrl + item.downloadPath)
                },
                //手续办理进展
                // innerEchart11() {
                //   var chartDom = document.getElementById('jz1');
                //   var myChart = echarts.init(chartDom);
                //   var option;
                //   myChart.clear()

                //   /*********************** 饼图构造相关 ***********************/
                //     // 饼图配色（自定义）
                //   const chartColorList = ["#00ff79", '#ff6d74'];
                //   // 饼图测试数据
                //   let testData = [
                //     { value: this.shuiqiu.evolve[0].cou1, name: '已开工' },
                //     { value: this.shuiqiu.evolve[0].cou2, name: '未开工', },
                //     // { value: this.shuiqiu.evolve[0].cou3, name: '提前对接' },

                //   ];

                //   // 由于这套饼图中除了“大饼”外的饼图构造非常相似（只有“大饼”高亮时显示中间的标签）
                //   // 可以用一个数组存储其中不相同的配置，然后遍历配置数组自动生成所有serie
                //   const pieSeriesSettings = [
                //     // {
                //     //     name: '内部小饼', // 饼图名称
                //     //     radius: ['55%', '65%'], // 饼图内径/外径尺寸
                //     //     opacity: 0.56, // 普通状态下的透明度
                //     //     empyOpacity: 0.6, // 高亮状态下的透明度
                //     //     scaleSize: 3, // 高亮状态下图形放大的尺寸
                //     //     isBorder: false // 是否是外圈（外圈只有一条数据，否则与“大饼”数据相同）
                //     // },
                //     // {
                //     //     name: '外圈', radius: ['90%', '92%'], opacity: 0.6, empyOpacity: 0.6, scaleSize: 5, isBorder: true
                //     // },
                //     {
                //       name: '大饼阴影1', radius: ['70%', '85%'], opacity: 0, empyOpacity: 0.1, scaleSize: 8, isBorder: false
                //     },
                //     {
                //       name: '大饼阴影2', radius: ['70%', '80%'], opacity: 0, empyOpacity: 0.1, scaleSize: 8, isBorder: false
                //     },
                //     {
                //       name: '大饼阴影3', radius: ['72%', '87%'], opacity: 0, empyOpacity: 0.1, scaleSize: 8, isBorder: false
                //     },
                //     {
                //       name: '大饼阴影4', radius: ['73%', '88%'], opacity: 0, empyOpacity: 0.1, scaleSize: 8, isBorder: false
                //     },
                //     {
                //       name: '大饼阴影5', radius: ['74%', '89%'], opacity: 0, empyOpacity: 0.1, scaleSize: 8, isBorder: false
                //     },
                //     {
                //       name: '大饼阴影6', radius: ['75%', '90%'], opacity: 0, empyOpacity: 0.1, scaleSize: 8, isBorder: false
                //     }
                //   ];

                //   let serieList = [];
                //   serieList.push({ //内圆
                //     type: 'pie',
                //     radius: '55%',
                //     center: ["50%", "50%"], //整体的位置设置
                //     z: 1,
                //     itemStyle: {
                //       color: new echarts.graphic.RadialGradient(.5, .5, .8, [{
                //         offset: 0,
                //         color: '#4978EC'
                //       },
                //         {
                //           offset: .5,
                //           color: '#1E2B57'
                //         },
                //         {
                //           offset: 1,
                //           color: '#141F3D'
                //         }
                //       ], false),
                //       label: {
                //         show: false
                //       },
                //       labelLine: {
                //         show: false
                //       },
                //       opacity:0.5
                //     },
                //     label: {
                //       show: false,
                //     },
                //     tooltip: {
                //       show: false
                //     },
                //     data: [100],
                //   })
                //   serieList.push({
                //     name: '个',
                //     z: 10, // 放在最上层
                //     type: 'pie',
                //     radius: ['70%', '85%'], // 通过设置内径与外径将饼图变为圆环饼图
                //     itemStyle: {
                //       borderRadius: 40 // 设置圆环的圆角弧度
                //     },
                //     emphasis: { // 设置高亮时显示标签
                //       label: {
                //         show: true
                //       },
                //       scale: true, // 设置高亮时放大图形
                //       scaleSize: 5
                //     },

                //     label: { // 设置图形标签样式
                //       show: false, // 未高亮时不显示标签，否则高亮时显示的标签会与静态的标签重叠
                //       position: 'center',
                //       // 设置标签展示内容,其中{d}、{b}为echarts标签内容格式器
                //       formatter: '{c_style|{c}}{a_style|{a}}\n{b_style|{b}}',
                //       // 为标签内容指定样式，只能设置series-pie.label支持的样式
                //       rich: {
                //         c_style: {
                //           fontSize: 12,
                //           color: '#fff'
                //         },
                //         b_style: {
                //           fontSize: 12,
                //           color: '#fff'
                //         },
                //         a_style: {
                //           fontSize: 12,
                //           color: '#fff'
                //         }
                //       },
                //     },
                //     data: testData
                //   });

                //   for (let pieSetting of pieSeriesSettings) {
                //     serieList.push({
                //       name: pieSetting.name,
                //       z: 1, // 放在最下层
                //       type: 'pie',
                //       radius: pieSetting.radius, // 通过设置内径与外径将饼图变为圆环饼图
                //       itemStyle: {
                //         color: pieSetting.isBorder ? '#fff' : null,
                //         borderRadius: 40, // 设置圆环的圆角弧度
                //         opacity: pieSetting.opacity // 设置普通状态下圆环的透明度
                //       },
                //       emphasis: { // 设置高亮时不显示标签
                //         disabled: pieSetting.isBorder, // 外圈需关闭高亮效果
                //         itemStyle: {
                //           opacity: pieSetting.empyOpacity // 设置高亮状态下圆环的透明度
                //         },
                //         label: {
                //           show: false
                //         },
                //         scale: !pieSetting.isBorder, // 外圈需关闭高亮放大效果
                //         scaleSize: pieSetting.scaleSize
                //       },
                //       label: { // 设置图形标签样式
                //         show: false // 未高亮时不显示标签，否则高亮时显示的标签会与静态的标签重叠
                //       },
                //       data: pieSetting.isBorder ? [{ value: 1, name: 'border' }] : testData
                //     });
                //   }

                //   option = {
                //     // backgroundColor: "#000002",
                //     series: serieList,
                //     color: chartColorList, // 设置饼图全局配色
                //   };
                //   //console.log(option); // 可以打印出具体的option便于理解其结构

                //   /*********************** 饼图轮播相关 ***********************/
                //   let currentIndex = -1; // 当前高亮图形在饼图数据中的下标
                //   let changePieInterval = setInterval(selectPie, 2000); // 设置自动切换高亮图形的定时器

                //   function highlightPie() { // 取消所有高亮并高亮当前图形
                //     for (let optIdx in option.series) {
                //       let opt = option.series[optIdx].data;
                //       if (opt.length < 2) // 外圈（只有一条数据）
                //         continue;

                //       // 遍历饼图数据，取消所有图形的高亮效果, 高亮当前图形
                //       for (let idx in opt)
                //         myChart.dispatchAction({
                //           type: idx != currentIndex ? 'downplay' : 'highlight',
                //           seriesIndex: optIdx,
                //           dataIndex: idx
                //         });
                //     }
                //   }

                //   myChart.on('mouseover', (params) => { // 用户鼠标悬浮到某一图形时，停止自动切换并高亮鼠标悬浮的图形
                //     clearInterval(changePieInterval);
                //     currentIndex = params.dataIndex;
                //     highlightPie();
                //   });

                //   myChart.on('mouseout', (params) => { // 用户鼠标移出时，重新开始自动切换
                //     if (changePieInterval)
                //       clearInterval(changePieInterval);
                //     changePieInterval = setInterval(selectPie, 2000);
                //   });

                //   function selectPie() { // 高亮效果切换到下一个图形
                //     var dataLen = testData.length;
                //     currentIndex = (currentIndex + 1) % dataLen;
                //     highlightPie();
                //   }
                //   option && myChart.setOption(option);

                // },
                // innerEchart12() {
                //   var chartDom = document.getElementById('jz2');
                //   var myChart = echarts.init(chartDom);
                //   var option;
                //   myChart.clear()
                //   /* CSDN博客网址：https://blog.csdn.net/qq_36604536/article/details/123905221 */

                //   /*********************** 饼图构造相关 ***********************/
                //     // 饼图配色（自定义）
                //   const chartColorList = ["#00ff79", '#ff6d74'];
                //   // 饼图测试数据
                //   let testData = [
                //     { value: this.shuiqiu.evolve[1].cou1, name: '已开工' },
                //     { value: this.shuiqiu.evolve[1].cou2, name: '未开工', },


                //   ];

                //   // 由于这套饼图中除了“大饼”外的饼图构造非常相似（只有“大饼”高亮时显示中间的标签）
                //   // 可以用一个数组存储其中不相同的配置，然后遍历配置数组自动生成所有serie
                //   const pieSeriesSettings = [
                //     // {
                //     //     name: '内部小饼', // 饼图名称
                //     //     radius: ['55%', '65%'], // 饼图内径/外径尺寸
                //     //     opacity: 0.56, // 普通状态下的透明度
                //     //     empyOpacity: 0.6, // 高亮状态下的透明度
                //     //     scaleSize: 3, // 高亮状态下图形放大的尺寸
                //     //     isBorder: false // 是否是外圈（外圈只有一条数据，否则与“大饼”数据相同）
                //     // },
                //     // {
                //     //     name: '外圈', radius: ['90%', '92%'], opacity: 0.6, empyOpacity: 0.6, scaleSize: 5, isBorder: true
                //     // },
                //     {
                //       name: '大饼阴影1', radius: ['70%', '85%'], opacity: 0, empyOpacity: 0.1, scaleSize: 8, isBorder: false
                //     },
                //     {
                //       name: '大饼阴影2', radius: ['70%', '80%'], opacity: 0, empyOpacity: 0.1, scaleSize: 8, isBorder: false
                //     },
                //     {
                //       name: '大饼阴影3', radius: ['72%', '87%'], opacity: 0, empyOpacity: 0.1, scaleSize: 8, isBorder: false
                //     },
                //     {
                //       name: '大饼阴影4', radius: ['73%', '88%'], opacity: 0, empyOpacity: 0.1, scaleSize: 8, isBorder: false
                //     },
                //     {
                //       name: '大饼阴影5', radius: ['74%', '89%'], opacity: 0, empyOpacity: 0.1, scaleSize: 8, isBorder: false
                //     },
                //     {
                //       name: '大饼阴影6', radius: ['75%', '90%'], opacity: 0, empyOpacity: 0.1, scaleSize: 8, isBorder: false
                //     }
                //   ];

                //   let serieList = [];
                //   serieList.push({ //内圆
                //     type: 'pie',
                //     radius: '55%',
                //     center: ["50%", "50%"], //整体的位置设置
                //     z: 1,
                //     itemStyle: {
                //       color: new echarts.graphic.RadialGradient(.5, .5, .8, [{
                //         offset: 0,
                //         color: '#4978EC'
                //       },
                //         {
                //           offset: .5,
                //           color: '#1E2B57'
                //         },
                //         {
                //           offset: 1,
                //           color: '#141F3D'
                //         }
                //       ], false),
                //       label: {
                //         show: false
                //       },
                //       labelLine: {
                //         show: false
                //       },
                //       opacity:0.5
                //     },
                //     label: {
                //       show: false,
                //     },
                //     tooltip: {
                //       show: false
                //     },
                //     data: [100],
                //   })
                //   serieList.push({
                //     name: '个',
                //     z: 10, // 放在最上层
                //     type: 'pie',
                //     radius: ['70%', '85%'], // 通过设置内径与外径将饼图变为圆环饼图
                //     itemStyle: {
                //       borderRadius: 40 // 设置圆环的圆角弧度
                //     },
                //     emphasis: { // 设置高亮时显示标签
                //       label: {
                //         show: true
                //       },
                //       scale: true, // 设置高亮时放大图形
                //       scaleSize: 5
                //     },

                //     label: { // 设置图形标签样式
                //       show: false, // 未高亮时不显示标签，否则高亮时显示的标签会与静态的标签重叠
                //       position: 'center',
                //       // 设置标签展示内容,其中{d}、{b}为echarts标签内容格式器
                //       formatter: '{c_style|{c}}{a_style|{a}}\n{b_style|{b}}',
                //       // 为标签内容指定样式，只能设置series-pie.label支持的样式
                //       rich: {
                //         c_style: {
                //           fontSize: 12,
                //           color: '#fff'
                //         },
                //         b_style: {
                //           fontSize: 12,
                //           color: '#fff'
                //         },
                //         a_style: {
                //           fontSize: 12,
                //           color: '#fff'
                //         }
                //       },
                //     },
                //     data: testData
                //   });

                //   for (let pieSetting of pieSeriesSettings) {
                //     serieList.push({
                //       name: pieSetting.name,
                //       z: 1, // 放在最下层
                //       type: 'pie',
                //       radius: pieSetting.radius, // 通过设置内径与外径将饼图变为圆环饼图
                //       itemStyle: {
                //         color: pieSetting.isBorder ? '#fff' : null,
                //         borderRadius: 40, // 设置圆环的圆角弧度
                //         opacity: pieSetting.opacity // 设置普通状态下圆环的透明度
                //       },
                //       emphasis: { // 设置高亮时不显示标签
                //         disabled: pieSetting.isBorder, // 外圈需关闭高亮效果
                //         itemStyle: {
                //           opacity: pieSetting.empyOpacity // 设置高亮状态下圆环的透明度
                //         },
                //         label: {
                //           show: false
                //         },
                //         scale: !pieSetting.isBorder, // 外圈需关闭高亮放大效果
                //         scaleSize: pieSetting.scaleSize
                //       },
                //       label: { // 设置图形标签样式
                //         show: false // 未高亮时不显示标签，否则高亮时显示的标签会与静态的标签重叠
                //       },
                //       data: pieSetting.isBorder ? [{ value: 1, name: 'border' }] : testData
                //     });
                //   }

                //   option = {
                //     // backgroundColor: "#000002",
                //     series: serieList,
                //     color: chartColorList, // 设置饼图全局配色
                //   };
                //   //console.log(option); // 可以打印出具体的option便于理解其结构

                //   /*********************** 饼图轮播相关 ***********************/
                //   let currentIndex = -1; // 当前高亮图形在饼图数据中的下标
                //   let changePieInterval = setInterval(selectPie, 2000); // 设置自动切换高亮图形的定时器

                //   function highlightPie() { // 取消所有高亮并高亮当前图形
                //     for (let optIdx in option.series) {
                //       let opt = option.series[optIdx].data;
                //       if (opt.length < 2) // 外圈（只有一条数据）
                //         continue;

                //       // 遍历饼图数据，取消所有图形的高亮效果, 高亮当前图形
                //       for (let idx in opt)
                //         myChart.dispatchAction({
                //           type: idx != currentIndex ? 'downplay' : 'highlight',
                //           seriesIndex: optIdx,
                //           dataIndex: idx
                //         });
                //     }
                //   }

                //   myChart.on('mouseover', (params) => { // 用户鼠标悬浮到某一图形时，停止自动切换并高亮鼠标悬浮的图形
                //     clearInterval(changePieInterval);
                //     currentIndex = params.dataIndex;
                //     highlightPie();
                //   });

                //   myChart.on('mouseout', (params) => { // 用户鼠标移出时，重新开始自动切换
                //     if (changePieInterval)
                //       clearInterval(changePieInterval);
                //     changePieInterval = setInterval(selectPie, 2000);
                //   });

                //   function selectPie() { // 高亮效果切换到下一个图形
                //     var dataLen = testData.length;
                //     currentIndex = (currentIndex + 1) % dataLen;
                //     highlightPie();
                //   }
                //   option && myChart.setOption(option);

                // },
                intChart1(val) {
                    var chartDom = document.getElementById('jz1');
                    var myChart = echarts.init(chartDom);
                    var option;
                    let value = val
                    let sunNumer = 100
                    option = {
                        title: [
                            {
                                text: this.lvparams.ratioOpen,
                                left: 'center',
                                bottom: '30%',
                                textStyle: {
                                    color: '#ffffff',
                                    fontSize: 15
                                }
                            }
                        ],
                        series: [{
                            type: 'gauge',
                            radius: '100%',
                            min: 0,
                            max: sunNumer,
                            startAngle: 230,
                            endAngle: -50,
                            progress: {
                                show: true,
                                width: 10,
                                itemStyle: {
                                    color: new echarts.graphic.LinearGradient(
                                        0, 0, 1, 0,
                                        [{
                                            offset: 0,
                                            color: '#2f87e1'
                                        },
                                        {
                                            offset: 1,
                                            color: '#9ed6fe'
                                        }]
                                    )
                                }
                            },
                            pointer: {
                                show: false
                            },
                            axisLine: {
                                // show: false,
                                lineStyle: {
                                    width: 10,
                                    color: [
                                        [1, {
                                            type: 'linear',
                                            x: 0.5,
                                            y: 0.5,
                                            r: 0.5,
                                            colorStops: [{
                                                offset: 0, color: '#ff540b' // 0% 处的颜色
                                            }, {
                                                offset: 1, color: '#fed177' // 100% 处的颜色
                                            }],
                                            globalCoord: false // 缺省为 false
                                        }]
                                    ]
                                }
                            },
                            axisTick: {
                                show: false
                            },
                            splitLine: {
                                show: false,
                                length: 15,
                                lineStyle: {
                                    width: 2,
                                    color: '#999'
                                }
                            },
                            axisLabel: {
                                show: false,
                                color: "#fff",
                            },
                            anchor: {
                                show: false,
                                showAbove: true,
                                size: 25,
                                itemStyle: {
                                    borderWidth: 10
                                }
                            },
                            detail: {
                                show: false,
                                formatter: function (value) {
                                    return value + '.0分';
                                },
                                valueAnimation: true,
                                fontSize: 30,
                                offsetCenter: [0, '0%'],
                                color: "#fff"
                            },
                            title: {
                                show: false
                            },
                            data: [value]
                        },
                        {
                            name: '中心效果圆',
                            type: 'gauge',
                            radius: '60%',
                            startAngle: 0,
                            endAngle: 360,
                            axisLine: {
                                lineStyle: {
                                    color: [[1, '#0AFFE9']],
                                    width: 1
                                }
                            },
                            axisTick: {
                                show: false
                            },
                            splitLine: {
                                show: false
                            },
                            axisLabel: {
                                show: false
                            },
                            detail: {
                                show: false
                            },
                            pointer: {
                                show: false
                            },
                            progress: {
                                show: true,
                                width: 1000,
                                itemStyle: {
                                    color: {
                                        type: 'radial',
                                        x: 0.5,
                                        y: 0.5,
                                        r: 0.5,
                                        colorStops: [
                                            {
                                                offset: 0,
                                                color: '#1f7ede'
                                            },
                                            {
                                                offset: 0.7,
                                                color: '#5ea9ed'
                                            },
                                            {
                                                offset: 1,
                                                color: '#c1e2fc'
                                            }
                                        ]
                                    }
                                }
                            },
                            data: [100]
                        }
                        ]
                    };

                    option && myChart.setOption(option);

                    var _this = this
                    myChart.on("click", function (params) {
                        _this.showImgLv = 1
                        _this.projectAnalysisDialogWidth = '90%';
                    });
                },
                intChart2(val) {
                    var chartDom = document.getElementById('jz2');
                    var myChart = echarts.init(chartDom);
                    var option;
                    let value = val
                    let sunNumer = 100
                    option = {
                        title: [
                            {
                                text: this.lvparams.ratioNatong,
                                left: 'center',
                                bottom: '30%',
                                textStyle: {
                                    color: '#ffffff',
                                    fontSize: 15
                                }
                            }
                        ],
                        series: [{
                            type: 'gauge',
                            radius: '100%',
                            min: 0,
                            max: sunNumer,
                            startAngle: 230,
                            endAngle: -50,
                            progress: {
                                show: true,
                                width: 10,
                                itemStyle: {
                                    color: new echarts.graphic.LinearGradient(
                                        0, 0, 1, 0,
                                        [{
                                            offset: 0,
                                            color: '#2f87e1'
                                        },
                                        {
                                            offset: 1,
                                            color: '#9ed6fe'
                                        }]
                                    )
                                }
                            },
                            pointer: {
                                show: false
                            },
                            axisLine: {
                                // show: false,
                                lineStyle: {
                                    width: 10,
                                    color: [
                                        [1, {
                                            type: 'linear',
                                            x: 0.5,
                                            y: 0.5,
                                            r: 0.5,
                                            colorStops: [{
                                                offset: 0, color: '#ff540b' // 0% 处的颜色
                                            }, {
                                                offset: 1, color: '#fed177' // 100% 处的颜色
                                            }],
                                            globalCoord: false // 缺省为 false
                                        }]
                                    ]
                                }
                            },
                            axisTick: {
                                show: false
                            },
                            splitLine: {
                                show: false,
                                length: 15,
                                lineStyle: {
                                    width: 2,
                                    color: '#999'
                                }
                            },
                            axisLabel: {
                                show: false,
                                color: "#fff",
                            },
                            anchor: {
                                show: false,
                                showAbove: true,
                                size: 25,
                                itemStyle: {
                                    borderWidth: 10
                                }
                            },
                            detail: {
                                show: false,
                                formatter: function (value) {
                                    return value + '.0分';
                                },
                                valueAnimation: true,
                                fontSize: 30,
                                offsetCenter: [0, '0%'],
                                color: "#fff"
                            },
                            title: {
                                show: false
                            },
                            data: [value]
                        },
                        {
                            name: '中心效果圆',
                            type: 'gauge',
                            radius: '60%',
                            startAngle: 0,
                            endAngle: 360,
                            axisLine: {
                                lineStyle: {
                                    color: [[1, '#0AFFE9']],
                                    width: 1
                                }
                            },
                            axisTick: {
                                show: false
                            },
                            splitLine: {
                                show: false
                            },
                            axisLabel: {
                                show: false
                            },
                            detail: {
                                show: false
                            },
                            pointer: {
                                show: false
                            },
                            progress: {
                                show: true,
                                width: 1000,
                                itemStyle: {
                                    color: {
                                        type: 'radial',
                                        x: 0.5,
                                        y: 0.5,
                                        r: 0.5,
                                        colorStops: [
                                            {
                                                offset: 0,
                                                color: '#1f7ede'
                                            },
                                            {
                                                offset: 0.7,
                                                color: '#5ea9ed'
                                            },
                                            {
                                                offset: 1,
                                                color: '#c1e2fc'
                                            }
                                        ]
                                    }
                                }
                            },
                            data: [100]
                        }
                        ]
                    };

                    option && myChart.setOption(option);

                    var _this = this
                    myChart.on("click", function (params) {
                        _this.showImgLv = 2
                        _this.projectAnalysisDialogWidth = '80%';
                    });
                },
                intChart3(val) {
                    var chartDom = document.getElementById('jz3');
                    var myChart = echarts.init(chartDom);
                    var option;
                    let value = val
                    let sunNumer = 100
                    option = {
                        title: [
                            {
                                text: this.lvparams.ratioEnd,
                                left: 'center',
                                bottom: '30%',
                                textStyle: {
                                    color: '#ffffff',
                                    fontSize: 15
                                }
                            }
                        ],
                        series: [{
                            type: 'gauge',
                            radius: '100%',
                            min: 0,
                            max: sunNumer,
                            startAngle: 230,
                            endAngle: -50,
                            progress: {
                                show: true,
                                width: 10,
                                itemStyle: {
                                    color: new echarts.graphic.LinearGradient(
                                        0, 0, 1, 0,
                                        [{
                                            offset: 0,
                                            color: '#2f87e1'
                                        },
                                        {
                                            offset: 1,
                                            color: '#9ed6fe'
                                        }]
                                    )
                                }
                            },
                            pointer: {
                                show: false
                            },
                            axisLine: {
                                // show: false,
                                lineStyle: {
                                    width: 10,
                                    color: [
                                        [1, {
                                            type: 'linear',
                                            x: 0.5,
                                            y: 0.5,
                                            r: 0.5,
                                            colorStops: [{
                                                offset: 0, color: '#ff540b' // 0% 处的颜色
                                            }, {
                                                offset: 1, color: '#fed177' // 100% 处的颜色
                                            }],
                                            globalCoord: false // 缺省为 false
                                        }]
                                    ]
                                }
                            },
                            axisTick: {
                                show: false
                            },
                            splitLine: {
                                show: false,
                                length: 15,
                                lineStyle: {
                                    width: 2,
                                    color: '#999'
                                }
                            },
                            axisLabel: {
                                show: false,
                                color: "#fff",
                            },
                            anchor: {
                                show: false,
                                showAbove: true,
                                size: 25,
                                itemStyle: {
                                    borderWidth: 10
                                }
                            },
                            detail: {
                                show: false,
                                formatter: function (value) {
                                    return value + '.0分';
                                },
                                valueAnimation: true,
                                fontSize: 30,
                                offsetCenter: [0, '0%'],
                                color: "#fff"
                            },
                            title: {
                                show: false
                            },
                            data: [value]
                        },
                        {
                            name: '中心效果圆',
                            type: 'gauge',
                            radius: '60%',
                            startAngle: 0,
                            endAngle: 360,
                            axisLine: {
                                lineStyle: {
                                    color: [[1, '#0AFFE9']],
                                    width: 1
                                }
                            },
                            axisTick: {
                                show: false
                            },
                            splitLine: {
                                show: false
                            },
                            axisLabel: {
                                show: false
                            },
                            detail: {
                                show: false
                            },
                            pointer: {
                                show: false
                            },
                            progress: {
                                show: true,
                                width: 1000,
                                itemStyle: {
                                    color: {
                                        type: 'radial',
                                        x: 0.5,
                                        y: 0.5,
                                        r: 0.5,
                                        colorStops: [
                                            {
                                                offset: 0,
                                                color: '#1f7ede'
                                            },
                                            {
                                                offset: 0.7,
                                                color: '#5ea9ed'
                                            },
                                            {
                                                offset: 1,
                                                color: '#c1e2fc'
                                            }
                                        ]
                                    }
                                }
                            },
                            data: [100]
                        }
                        ]
                    };

                    option && myChart.setOption(option);

                    var _this = this
                    myChart.on("click", function (params) {
                        _this.showImgLv = 3
                        _this.projectAnalysisDialogWidth = '60%';
                    });
                },
                intChart4(val) {
                    var chartDom = document.getElementById('jz4');
                    var myChart = echarts.init(chartDom);
                    var option;
                    let value = val
                    let sunNumer = 100
                    option = {
                        title: [
                            {
                                text: this.lvparams.ratioOpen,
                                left: 'center',
                                bottom: '30%',
                                textStyle: {
                                    color: '#ffffff',
                                    fontSize: 15
                                }
                            }
                        ],
                        series: [{
                            type: 'gauge',
                            radius: '100%',
                            min: 0,
                            max: sunNumer,
                            startAngle: 230,
                            endAngle: -50,
                            progress: {
                                show: true,
                                width: 10,
                                itemStyle: {
                                    color: new echarts.graphic.LinearGradient(
                                        0, 0, 1, 0,
                                        [{
                                            offset: 0,
                                            color: '#2f87e1'
                                        },
                                        {
                                            offset: 1,
                                            color: '#9ed6fe'
                                        }]
                                    )
                                }
                            },
                            pointer: {
                                show: false
                            },
                            axisLine: {
                                // show: false,
                                lineStyle: {
                                    width: 10,
                                    color: [
                                        [1, {
                                            type: 'linear',
                                            x: 0.5,
                                            y: 0.5,
                                            r: 0.5,
                                            colorStops: [{
                                                offset: 0, color: '#ff540b' // 0% 处的颜色
                                            }, {
                                                offset: 1, color: '#fed177' // 100% 处的颜色
                                            }],
                                            globalCoord: false // 缺省为 false
                                        }]
                                    ]
                                }
                            },
                            axisTick: {
                                show: false
                            },
                            splitLine: {
                                show: false,
                                length: 15,
                                lineStyle: {
                                    width: 2,
                                    color: '#999'
                                }
                            },
                            axisLabel: {
                                show: false,
                                color: "#fff",
                            },
                            anchor: {
                                show: false,
                                showAbove: true,
                                size: 25,
                                itemStyle: {
                                    borderWidth: 10
                                }
                            },
                            detail: {
                                show: false,
                                formatter: function (value) {
                                    return value + '.0分';
                                },
                                valueAnimation: true,
                                fontSize: 30,
                                offsetCenter: [0, '0%'],
                                color: "#fff"
                            },
                            title: {
                                show: false
                            },
                            data: [value]
                        },
                        {
                            name: '中心效果圆',
                            type: 'gauge',
                            radius: '60%',
                            startAngle: 0,
                            endAngle: 360,
                            axisLine: {
                                lineStyle: {
                                    color: [[1, '#0AFFE9']],
                                    width: 1
                                }
                            },
                            axisTick: {
                                show: false
                            },
                            splitLine: {
                                show: false
                            },
                            axisLabel: {
                                show: false
                            },
                            detail: {
                                show: false
                            },
                            pointer: {
                                show: false
                            },
                            progress: {
                                show: true,
                                width: 1000,
                                itemStyle: {
                                    color: {
                                        type: 'radial',
                                        x: 0.5,
                                        y: 0.5,
                                        r: 0.5,
                                        colorStops: [
                                            {
                                                offset: 0,
                                                color: '#1f7ede'
                                            },
                                            {
                                                offset: 0.7,
                                                color: '#5ea9ed'
                                            },
                                            {
                                                offset: 1,
                                                color: '#c1e2fc'
                                            }
                                        ]
                                    }
                                }
                            },
                            data: [100]
                        }
                        ]
                    };

                    option && myChart.setOption(option);

                    var _this = this
                    myChart.on("click", function (params) {
                        _this.showImgLv = 4
                        _this.projectAnalysisDialogWidth = '60%';
                    });
                },
                intChart5(val) {
                    var chartDom = document.getElementById('jz5');
                    var myChart = echarts.init(chartDom);
                    var option;
                    let value = val
                    let sunNumer = 100
                    option = {
                        title: [
                            {
                                text: this.lvparams.ratioNatong,
                                left: 'center',
                                bottom: '30%',
                                textStyle: {
                                    color: '#ffffff',
                                    fontSize: 15
                                }
                            }
                        ],
                        series: [{
                            type: 'gauge',
                            radius: '100%',
                            min: 0,
                            max: sunNumer,
                            startAngle: 230,
                            endAngle: -50,
                            progress: {
                                show: true,
                                width: 10,
                                itemStyle: {
                                    color: new echarts.graphic.LinearGradient(
                                        0, 0, 1, 0,
                                        [{
                                            offset: 0,
                                            color: '#2f87e1'
                                        },
                                        {
                                            offset: 1,
                                            color: '#9ed6fe'
                                        }]
                                    )
                                }
                            },
                            pointer: {
                                show: false
                            },
                            axisLine: {
                                // show: false,
                                lineStyle: {
                                    width: 10,
                                    color: [
                                        [1, {
                                            type: 'linear',
                                            x: 0.5,
                                            y: 0.5,
                                            r: 0.5,
                                            colorStops: [{
                                                offset: 0, color: '#ff540b' // 0% 处的颜色
                                            }, {
                                                offset: 1, color: '#fed177' // 100% 处的颜色
                                            }],
                                            globalCoord: false // 缺省为 false
                                        }]
                                    ]
                                }
                            },
                            axisTick: {
                                show: false
                            },
                            splitLine: {
                                show: false,
                                length: 15,
                                lineStyle: {
                                    width: 2,
                                    color: '#999'
                                }
                            },
                            axisLabel: {
                                show: false,
                                color: "#fff",
                            },
                            anchor: {
                                show: false,
                                showAbove: true,
                                size: 25,
                                itemStyle: {
                                    borderWidth: 10
                                }
                            },
                            detail: {
                                show: false,
                                formatter: function (value) {
                                    return value + '.0分';
                                },
                                valueAnimation: true,
                                fontSize: 30,
                                offsetCenter: [0, '0%'],
                                color: "#fff"
                            },
                            title: {
                                show: false
                            },
                            data: [value]
                        },
                        {
                            name: '中心效果圆',
                            type: 'gauge',
                            radius: '60%',
                            startAngle: 0,
                            endAngle: 360,
                            axisLine: {
                                lineStyle: {
                                    color: [[1, '#0AFFE9']],
                                    width: 1
                                }
                            },
                            axisTick: {
                                show: false
                            },
                            splitLine: {
                                show: false
                            },
                            axisLabel: {
                                show: false
                            },
                            detail: {
                                show: false
                            },
                            pointer: {
                                show: false
                            },
                            progress: {
                                show: true,
                                width: 1000,
                                itemStyle: {
                                    color: {
                                        type: 'radial',
                                        x: 0.5,
                                        y: 0.5,
                                        r: 0.5,
                                        colorStops: [
                                            {
                                                offset: 0,
                                                color: '#1f7ede'
                                            },
                                            {
                                                offset: 0.7,
                                                color: '#5ea9ed'
                                            },
                                            {
                                                offset: 1,
                                                color: '#c1e2fc'
                                            }
                                        ]
                                    }
                                }
                            },
                            data: [100]
                        }
                        ]
                    };

                    option && myChart.setOption(option);

                    var _this = this
                    myChart.on("click", function (params) {
                        _this.showImgLv = 5
                        _this.projectAnalysisDialogWidth = '60%';
                    });
                },
                intChart6(val) {
                    var chartDom = document.getElementById('jz6');
                    var myChart = echarts.init(chartDom);
                    var option;
                    let value = val
                    let sunNumer = 100
                    option = {
                        title: [
                            {
                                text: this.lvparams.ratioEnd,
                                left: 'center',
                                bottom: '30%',
                                textStyle: {
                                    color: '#ffffff',
                                    fontSize: 15
                                }
                            }
                        ],
                        series: [{
                            type: 'gauge',
                            radius: '100%',
                            min: 0,
                            max: sunNumer,
                            startAngle: 230,
                            endAngle: -50,
                            progress: {
                                show: true,
                                width: 10,
                                itemStyle: {
                                    color: new echarts.graphic.LinearGradient(
                                        0, 0, 1, 0,
                                        [{
                                            offset: 0,
                                            color: '#2f87e1'
                                        },
                                        {
                                            offset: 1,
                                            color: '#9ed6fe'
                                        }]
                                    )
                                }
                            },
                            pointer: {
                                show: false
                            },
                            axisLine: {
                                // show: false,
                                lineStyle: {
                                    width: 10,
                                    color: [
                                        [1, {
                                            type: 'linear',
                                            x: 0.5,
                                            y: 0.5,
                                            r: 0.5,
                                            colorStops: [{
                                                offset: 0, color: '#ff540b' // 0% 处的颜色
                                            }, {
                                                offset: 1, color: '#fed177' // 100% 处的颜色
                                            }],
                                            globalCoord: false // 缺省为 false
                                        }]
                                    ]
                                }
                            },
                            axisTick: {
                                show: false
                            },
                            splitLine: {
                                show: false,
                                length: 15,
                                lineStyle: {
                                    width: 2,
                                    color: '#999'
                                }
                            },
                            axisLabel: {
                                show: false,
                                color: "#fff",
                            },
                            anchor: {
                                show: false,
                                showAbove: true,
                                size: 25,
                                itemStyle: {
                                    borderWidth: 10
                                }
                            },
                            detail: {
                                show: false,
                                formatter: function (value) {
                                    return value + '.0分';
                                },
                                valueAnimation: true,
                                fontSize: 30,
                                offsetCenter: [0, '0%'],
                                color: "#fff"
                            },
                            title: {
                                show: false
                            },
                            data: [value]
                        },
                        {
                            name: '中心效果圆',
                            type: 'gauge',
                            radius: '60%',
                            startAngle: 0,
                            endAngle: 360,
                            axisLine: {
                                lineStyle: {
                                    color: [[1, '#0AFFE9']],
                                    width: 1
                                }
                            },
                            axisTick: {
                                show: false
                            },
                            splitLine: {
                                show: false
                            },
                            axisLabel: {
                                show: false
                            },
                            detail: {
                                show: false
                            },
                            pointer: {
                                show: false
                            },
                            progress: {
                                show: true,
                                width: 1000,
                                itemStyle: {
                                    color: {
                                        type: 'radial',
                                        x: 0.5,
                                        y: 0.5,
                                        r: 0.5,
                                        colorStops: [
                                            {
                                                offset: 0,
                                                color: '#1f7ede'
                                            },
                                            {
                                                offset: 0.7,
                                                color: '#5ea9ed'
                                            },
                                            {
                                                offset: 1,
                                                color: '#c1e2fc'
                                            }
                                        ]
                                    }
                                }
                            },
                            data: [100]
                        }
                        ]
                    };

                    option && myChart.setOption(option);

                    var _this = this
                    myChart.on("click", function (params) {
                        _this.showImgLv = 6
                        _this.projectAnalysisDialogWidth = '60%';
                    });
                },
                getlv() {
                    var _this = this;
                    $.ajax({
                        url: _this.baseUrl + `/projectInfo/new/ratioByLevel?level=1&areaCode=${_this.areaCode}`,
                        headers: {
                            Authorization: 'Bearer ' + localStorage.getItem('token')
                        },
                        success: function (res) {
                            _this.lvparams = {
                                ratioOpen: _this.deleteData(res.data.ratioOpen).toFixed(1),
                                ratioNatong: _this.deleteData(res.data.ratioNatong).toFixed(1),
                                ratioEnd: _this.deleteData(res.data.ratioEnd).toFixed(1),
                            }
                            _this.intChart1(_this.deleteData(res.data.ratioOpen))
                            _this.intChart2(_this.deleteData(res.data.ratioNatong))
                            _this.intChart3(_this.deleteData(res.data.ratioEnd))
                        }
                    })
                },
                getlv1() {
                    var _this = this;
                    $.ajax({
                        url: _this.baseUrl + `/projectInfo/new/ratioByLevel?level=5&areaCode=${_this.areaCode}`,
                        headers: {
                            Authorization: 'Bearer ' + localStorage.getItem('token')
                        },
                        success: function (res) {
                            _this.lvparams = {
                                ratioOpen: _this.deleteData(res.data.ratioOpen).toFixed(1),
                                ratioNatong: _this.deleteData(res.data.ratioNatong).toFixed(1),
                                ratioEnd: _this.deleteData(res.data.ratioEnd).toFixed(1),
                            }
                            _this.intChart4(_this.deleteData(res.data.ratioOpen))
                            _this.intChart5(_this.deleteData(res.data.ratioNatong))
                            _this.intChart6(_this.deleteData(res.data.ratioEnd))
                        }
                    })
                },
                deleteData(val) {
                    return parseFloat(val)
                },
                // ====== 获取项目分析数据 ======
                getProjectAnalysisData() {
                    // var _this = this;
                    // 省级：项目开工率：year=2024&level=1&orderBy=1  项目纳通率：year=2024&level=1&orderBy=2 + year=2024&level=9&orderBy=2 手续完成 year=2024&level=1&orderBy=3 + year=2024&level=9&orderBy=3
                    // 市级：项目开工率：year=2024&level=5&orderBy=1  项目纳通率：year=2024&level=5&orderBy=2  手续完成 year=2024&level=5&orderBy=3
                    // 省级项目开工率 year=2024&level=1&orderBy=1
                    // $.getJSON("./json/projectOperatingRateProvince.json", function(res){
                    //     if(res.data) {
                    //       _this.projectOperatingRateProvince = res.data;
                    //     }
                    // });
                    if (!this.projectOperatingRateProvince.length > 0) {
                        $.ajax({
                            url: this.baseUrl + `/projectInfo/new/ratioCountyByLevel?level=1&year=2024&orderBy=1`,
                            headers: {
                                Authorization: 'Bearer ' + localStorage.getItem('token')
                            },
                            success: (res) => {
                                this.projectOperatingRateProvince = res?.data || [];
                            }
                        })
                    }
                    // 省级高质量项目开工率 year=2024&level=9&orderBy=1
                    if (!this.projectOperatingRateProvince.length > 0) {
                        $.ajax({
                            url: this.baseUrl + `/projectInfo/new/ratioCountyByLevel?level=9&year=2024&orderBy=1`,
                            headers: {
                                Authorization: 'Bearer ' + localStorage.getItem('token')
                            },
                            success: (res) => {
                                this.projectOperatingRateProvinceHighQuality = res?.data || [];
                            }
                        })
                    }
                    // 省级项目纳统率 year=2024&level=1&orderBy=2
                    // $.getJSON("./json/integrateManagementRateProvince.json", function(res){
                    //     if(res.data) {
                    //       _this.integrateManagementRateProvince = res.data;
                    //     }
                    // });
                    if (!this.integrateManagementRateProvince.length > 0) {
                        $.ajax({
                            url: this.baseUrl + `/projectInfo/new/ratioCountyByLevel?level=1&year=2024&orderBy=2`,
                            headers: {
                                Authorization: 'Bearer ' + localStorage.getItem('token')
                            },
                            success: (res) => {
                                this.integrateManagementRateProvince = res?.data || [];
                            }
                        })
                    }
                    // // 省级高质量项目纳统率 year=2024&level=9&orderBy=2
                    // $.getJSON("./json/highQualityRateProvince.json", function(res){
                    //     if(res.data) {
                    //       _this.highQualityRateProvince = res.data;
                    //     }
                    // });
                    if (!this.highQualityRateProvince.length > 0) {
                        $.ajax({
                            url: this.baseUrl + `/projectInfo/new/ratioCountyByLevel?level=9&year=2024&orderBy=2`,
                            headers: {
                                Authorization: 'Bearer ' + localStorage.getItem('token')
                            },
                            success: (res) => {
                                this.highQualityRateProvince = res?.data || [];
                            }
                        })
                    }
                    // 省级手续完成率 year=2024&level=1&orderBy=3 + 
                    // $.getJSON("./json/processedProvince1.json", function(res){
                    //     if(res.data) {
                    //       _this.processedProvince = res.data;
                    //     }
                    // });
                    if (!this.processedProvince.length > 0) {
                        $.ajax({
                            url: this.baseUrl + `/projectInfo/new/ratioCountyByLevel?level=1&year=2024&orderBy=3`,
                            headers: {
                                Authorization: 'Bearer ' + localStorage.getItem('token')
                            },
                            success: (res) => {
                                this.processedProvince = res?.data || [];
                            }
                        })
                    }
                    // year=2024&level=9&orderBy=3
                    // $.getJSON("./json/processedProvince2.json", function(res){
                    //     if(res.data) {
                    //       _this.processedProvinceGaozhiliang = res.data;
                    //     }
                    // });
                    if (!this.processedProvinceGaozhiliang.length > 0) {
                        $.ajax({
                            url: this.baseUrl + `/projectInfo/new/ratioCountyByLevel?level=9&year=2024&orderBy=3`,
                            headers: {
                                Authorization: 'Bearer ' + localStorage.getItem('token')
                            },
                            success: (res) => {
                                this.processedProvinceGaozhiliang = res?.data || [];
                            }
                        })
                    }
                    // 市级项目开工率 year=2024&level=5&orderBy=1
                    // $.getJSON("./json/projectOperatingRateCity.json", function(res){
                    //     if(res.data) {
                    //       _this.projectOperatingRateCity = res.data;
                    //     }
                    // });
                    if (!this.projectOperatingRateCity.length > 0) {
                        $.ajax({
                            url: this.baseUrl + `/projectInfo/new/ratioCountyByLevel?level=5&year=2024&orderBy=1`,
                            headers: {
                                Authorization: 'Bearer ' + localStorage.getItem('token')
                            },
                            success: (res) => {
                                this.projectOperatingRateCity = res?.data || [];
                            }
                        })
                    }
                    // 市级项目纳统率 year=2024&level=5&orderBy=2
                    // $.getJSON("./json/integrateManagementRateCity.json", function(res){
                    //     if(res.data) {
                    //       _this.integrateManagementRateCity = res.data;
                    //     }
                    // });
                    if (!this.integrateManagementRateCity.length > 0) {
                        $.ajax({
                            url: this.baseUrl + `/projectInfo/new/ratioCountyByLevel?level=5&year=2024&orderBy=2`,
                            headers: {
                                Authorization: 'Bearer ' + localStorage.getItem('token')
                            },
                            success: (res) => {
                                this.integrateManagementRateCity = res?.data || [];
                            }
                        })
                    }
                    // 市级手续完成率 year=2024&level=5&orderBy=3
                    // $.getJSON("./json/processedCity.json", function(res){
                    //     if(res.data) {
                    //       _this.processedCity = res.data;
                    //     }
                    // });
                    if (!this.processedCity.length > 0) {
                        $.ajax({
                            url: this.baseUrl + `/projectInfo/new/ratioCountyByLevel?level=5&year=2024&orderBy=3`,
                            headers: {
                                Authorization: 'Bearer ' + localStorage.getItem('token')
                            },
                            success: (res) => {
                                this.processedCity = res?.data || [];
                            }
                        })
                    }

                    // level:1 省重大，5市重点 9、省高质量
                    // orderBy 1-开工，2-纳统，3-手续完成
                    // 省级：项目开工率：year=2024&level=1&orderBy=1  项目纳通率：year=2024&level=1&orderBy=2 + year=2024&level=9&orderBy=2 手续完成 year=2024&level=1&orderBy=3 + year=2024&level=9&orderBy=3
                    // 市级：项目开工率：year=2024&level=5&orderBy=1  项目纳通率：year=2024&level=5&orderBy=2  手续完成 year=2024&level=5&orderBy=3
                },
                // ====== 具体el-table格式转换 ======
                formatCurrency: function (row, column, cellValue, index) {
                    if (typeof cellValue === "number") {
                        return cellValue.toFixed(2);
                    } else {
                        return "-";
                    }
                },
                formatPercent: function (row, column, cellValue, index) {
                    if (typeof cellValue === "number") {
                        return cellValue.toFixed(2) + "%";
                    } else {
                        return "-";
                    }

                },
                formatRank: function (row, column, cellValue, index) {
                    return cellValue ? cellValue : "";
                },
            }
        })
    </script>
</body>

</html>
<style>
    .el-tree {
        position: relative;
        cursor: default;
        background: transparent;
        color: #333;
    }

    .el-tree-node__content:hover,
    .el-tree-node:focus>.el-tree-node__content {
        background: transparent;

    }

    .el-tree-node__content {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        height: 33px;
        cursor: pointer;
    }

    .el-form-item__label {
        color: #265B97;
        font-size: 16px;
    }

    .el-form-item {
        margin-bottom: 0px;
    }

    .el-table td,
    .el-table th.is-leaf {
        border: none;
    }

    .el-table th,
    .el-table tr {
        background-color: transparent;
    }

    .el-table,
    .el-table__expanded-cell {
        background-color: transparent;
    }

    .el-table--enable-row-hover .el-table__body tr:hover>td {
        background-color: transparent;
    }

    .el-table td,
    .el-table th {
        padding: 5px 0;
    }

    .el-input input {
        color: #81B3FB;
        border: 1px solid #69A5FA;
        box-shadow: inset 0px 1px 12px rgba(238, 251, 255, 0.651);
    }

    .el-table thead {
        color: #ffffff;
    }

    .el-table {
        color: #00d0ff;
    }

    ::-webkit-scrollbar {
        /*滚动条整体样式*/
        width: 6px;
        /*高宽分别对应横竖滚动条的尺寸*/
        height: 8px;
    }

    ::-webkit-scrollbar-thumb {
        /*滚动条里面小方块*/
        border-radius: 10px;
        box-shadow: inset 0 0 5px rgba(97, 184, 179, 0.1);
        background: #afd8fe;
    }

    ::-webkit-scrollbar-track {
        /*滚动条里面轨道*/
        box-shadow: inset 0 0 5px rgba(87, 175, 187, 0.1);
        border-radius: 10px;
        background: #ededed;
    }

    .el-table::before {
        height: 0px;
    }

    .el-pager li {
        background: transparent;
    }

    .el-pagination {
        color: #00d0ff;
    }

    .mapboxgl-popup-content {
        padding-top: 10%;
        position: relative;
        background: transparent;
        padding: 0;
        pointer-events: auto;
        color: white;
        height: 180px;
        font-size: 15px;
        line-height: 25px;
        overflow: hidden;
    }

    .mapboxgl-popup-close-button {
        position: absolute;
        right: 5px;
        top: 0;
        border: 0;
        border-radius: 0 3px 0 0;
        cursor: pointer;
        background-color: transparent;
        color: white;
        font-size: 25px;
        outline: none;
    }

    .mapboxgl-popup-anchor-bottom .mapboxgl-popup-tip {
        border-top-color: #0d53b7d9;
    }

    .details {
        color: rgb(255, 255, 255);
        font-size: 18px;
        margin: 0px 0px;
    }

    .mapboxgl-popup-anchor-top .mapboxgl-popup-tip {
        border-top-color: #0d53b7d9;
    }

    .mapboxgl-popup .mapboxgl-popup-anchor-bottom {
        max-width: auto !important;
    }

    .el-table tr {
        margin: 10px 0;
    }

    .cityBack {
        position: fixed;
        right: 25% !important;
        top: 9% !important;
        left: auto !important;
        z-index: 2000;
        background: rgba(10, 26, 52, 0.11);
        border: 1px solid rgba(89, 175, 249, 0.704873);
        box-shadow: inset 0px 1px 12px rgb(3 251 255 / 6);
        color: rgba(0, 217, 255, 1);
        width: 5%;
        text-align: center;
        font-size: 14px;
        height: 30px;
        border-radius: 5px;
        line-height: 30px;
        cursor: pointer;
    }

    /* .el-input.is-disabled .el-input__inner {
    background-color: #f5f7fa00;
    border-color: #e4e7ed00;
    color: #ffffff;
  } */

    .el-textarea.is-disabled .el-textarea__inner {
        background: rgba(10, 26, 52, 0.11);
        border: 1px solid rgba(89, 175, 249, 0.704873);
        box-shadow: inset 0px 1px 12px rgb(3 251 255 / 65%);
        color: #ffffff;
    }

    .fileBot {
        width: 100%;
        /* height: 500px; */
        margin-top: 25px;
        color: white;
    }

    .botTop {
        width: 100%;
        display: flex;
        flex-wrap: wrap;
        justify-content: flex-start;
    }

    .el-tabs__item {
        color: white;
    }

    .botBot {
        color: white;
    }

    .mapboxgl-popup {
        max-width: 257px !important;
        z-index: 2001 !important;
    }

    .markerBody {
        padding: 0 5px;
        background-color: #195FB0;
        height: 80%;
        overflow: auto;
    }

    .el-icon-close:before {
        color: rgba(255, 255, 255, 0);
    }

    .el-drawer__open .el-drawer.rtl {
        overflow: unset;
        width: 55% !important;
        color: #fff !important;
        background: url('./img/right.png') no-repeat;
        background-size: 100% 100%;
        /* backdrop-filter: blur(2.5px); */
    }

    td {
        text-align: center;
    }

    .table_draw tr {
        height: 60px;
    }

    .app_content tbody tr:nth-child(2n) {
        /* background: url('./img/tr.png') no-repeat; */
        background-size: 100% 100%;
    }

    .areaPop {
        height: 100%;
        width: 100%;
        background-color: #0d53b7d9;
        padding: 5%;
        font-size: 14px;
        z-index: 1200 !important;
    }

    .mapboxgl-popup-anchor-top .mapboxgl-popup-tip {
        border-bottom-color: #0d53b7d9;
    }

    .el-drawer__header {
        margin: 0px;
        padding: 0;
        height: 0;
    }

    .yjdialogStyle .el-dialog {
        height: 60%;
        background: url('./img_new_new/new/底框.png') no-repeat;
        background-size: 100% 100%;
    }

    .zcdialogStyle .el-dialog__body {
        padding: 0% 2% 2%;
    }

    .yjdialogStyle .el-dialog__body {
        padding: 0% 8%;
    }

    .wtsbdialogStyle .el-dialog {
        height: 60%;
    }

    .sbdialogStyle .el-dialog {
        margin-top: 18vh !important;
    }

    .wtsbxq .el-textarea__inner {
        color: #333;
        box-shadow: none;
        height: 226px;
        background: none;
        resize: none;
    }

    .ddsbdialogStyle .el-dialog {
        margin-top: 18vh !important;
    }

    .qpcontent .el-textarea__inner {
        color: #333;
        background: #DBE8FD;
        border: 1px solid rgb(255, 255, 255);
        box-shadow: inset 0px 1px 12px rgba(255, 255, 255, 0.651);
    }

    .canceldrag .el-textarea__inner {
        resize: none;
    }

    .el-select-dropdown__item {
        color: #205694 !important;
    }

    .el-collapse {
        border-top: none !important;
    }

    .coll b {
        font-size: 20px;
        color: #5e8fb5;
    }

    .coll p {
        font-size: 18px;
    }

    .el-loading-mask {
        background-color: rgba(0, 0, 0, 0.7);
    }

    .el-message-box {
        background: url(./dk.png) no-repeat;
        background-size: 100% 100%;
        border-color: #409EFF;
    }

    .el-message-box .el-button--small {
        background: url(./dk.png) no-repeat;
        background-size: 100% 100%;
        border-color: #409EFF;
    }

    .el-message-box .el-upload-list__item-name {
        color: #333;
    }

    .el-upload-list__item:hover {
        background: none;
    }

    .upload-demo {
        width: 80%;
        margin-left: 8%;
        margin-top: 2%;
    }

    .upload-demo .el-icon-close:before {
        color: #333;
    }

    .upload-demo.style1 {
        width: auto !important;
        margin: 0px !important;
    }

    .el-upload-list__item-name {
        color: #333;
    }

    .el-upload-list__item-name .el-icon-document {
        float: left;
        color: #333;
    }

    .qjss {
        position: absolute;
        right: 15px;
        display: flex;
        top: 11px;
        width: 50%;
        justify-content: space-between;
    }

    .qjssssk {
        height: 30px;
        width: 150px;
        border: 1px solid #6AA5FF;
        border-radius: 20px;
        position: relative;
    }

    .qjssssk .el-input {
        border: none;
        position: absolute;
        right: 0;
        top: 2px;
    }

    .qjssssk .el-input__inner {
        height: 27px;
        line-height: 27px;
        background: transparent;
        border: none;
        box-shadow: none;
    }

    .el-input__inner::placeholder {
        color: #81B3FB;
        /* 设置占位符文本颜色为红色 */
    }

    .qjssbtn {
        cursor: pointer;
        background-image: linear-gradient(0deg,
                #2c7afe 0%,
                #74b6f3 100%);
        border-radius: 4px;
        width: 48px;
        font-size: 18px;
        text-align: center;
    }

    .wtsbtitle {
        width: 90%;
        margin: auto;
        padding-top: 30px;
        padding-bottom: 10px;
    }

    .tk-title {
        width: 100%;
        font-size: 24px;
        color: #fff;
        background: url(./img_new_new/qp/标题底座.png);
        background-size: 100% 100%;
        text-align: center;
    }

    .el-collapse-item__wrap,
    .el-collapse-item__header {
        color: #245896 !important;
    }

    .el-collapse-item__content p {
        color: #245896 !important;
    }

    .qpbtn {
        width: 6vh;
        height: 3vh;
        line-height: 3vh;
        text-align: center;
        background-color: #00c100;
        border-radius: 5px;
        font-family: light;
        color: #ffffff;
        font-size: 14px;
        margin: 20px
    }
</style>